# #5aaefe color: Joust Blue

#5aaefe is rgb(90, 174, 254) in RGB and oklch(73.281% 0.14258 249.357) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5aaefe

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aaefe |
| RGB | rgb(90, 174, 254) |
| HSL | hsl(209.27, 98.8%, 67.45%) |
| HSB / HSV | hsv(209.27 64.57% 99.61%) |
| HWB | hwb(209.27 35.29% 0.39%) |
| CMYK | cmyk(65% 31% 0% 0%) |
| Lab | lab(68.48 -7.68 -48.11) |
| LCH | lch(68.48 48.71 260.93) |
| OKLab | oklab(73.281% -0.05027 -0.13343) |
| OKLCH | oklch(73.281% 0.14258 249.357) |
| Display P3 | color(display-p3 0.43565 0.67456 0.97078) |
| Rec. 2020 | color(rec2020 0.48602 0.63469 0.96291) |
| Adobe RGB | color(a98-rgb 0.47407 0.67642 0.98519) |
| ProPhoto RGB | color(prophoto-rgb 0.54302 0.60745 0.94854) |
| Linear sRGB | color(srgb-linear 0.10224 0.42327 0.9911) |
| XYZ D65 | color(xyz-d65 0.37239 0.396 0.9945) |
| XYZ D50 | color(xyz-d50 0.34941 0.38626 0.75026) |
| SwiftUI | Color(red: 0.353, green: 0.682, blue: 0.996) |
| UIKit | UIColor(red: 0.353, green: 0.682, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF5AAEFE) |
| Android XML | #5AAEFE |

## Facts

- Closest name: Joust Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.35:1
- Contrast with black: 8.92:1

## Tints

#5aaefe, #6db7ff, #7ebfff, #8fc7ff, #9fcfff, #b0d8ff, #c0e0ff, #d0e8ff, #dfefff, #eff7ff

## Shades

#5aaefe, #4d97dd, #4180bd, #356a9e, #295580, #1e4163, #132e47, #091c2d, #030b16, #000103

## Tones

#5aaefe, #64aef6, #6eaeed, #76aee5, #7eaddd, #86add4, #8daccc, #95abc3, #9baaba, #a2a9b1

## Harmonies

- Complementary: #5aaefe, #e19630
- Split: #5aaefe, #f38661, #bfa924
- Analogous: #5aaefe, #00bce5, #979dff
- Triadic: #5aaefe, #f37f95, #8cba52
- Tetradic: #5aaefe, #c38eec, #e19630, #8cba52
- Square: #5aaefe, #e283c6, #e19630, #43c388
- Monochromatic: #5aaefe, #0063ae, #3288d5, #9cd4ff, #e3f8ff

## Questions about #5aaefe

### What color is #5aaefe?

#5aaefe is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(90, 174, 254), in HSL hsl(209.27, 98.8%, 67.45%) and in OKLCH oklch(73.281% 0.14258 249.357).

### What colors go well with #5aaefe?

The complementary color of #5aaefe is #e19630. For a calmer combination use the analogous colors #00bce5 and #979dff. The triadic partners are #f37f95 and #8cba52.

### Is white or black text more readable on #5aaefe?

Black text reads better on #5aaefe: white gives a contrast ratio of 2.35:1 and black gives 8.92:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5aaefe a warm or cool color?

#5aaefe is a cool color. In OKLCH its hue is 249 degrees, its lightness 73.3% and its chroma 0.143.