# #5caafd color: Joust Blue

#5caafd is rgb(92, 170, 253) in RGB and oklch(72.44% 0.14407 251.716) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5caafd |
| RGB | rgb(92, 170, 253) |
| HSL | hsl(210.93, 97.58%, 67.65%) |
| HSB / HSV | hsv(210.93 63.64% 99.22%) |
| HWB | hwb(210.93 36.08% 0.78%) |
| CMYK | cmyk(64% 33% 0% 1%) |
| Lab | lab(67.39 -5.51 -49.26) |
| LCH | lch(67.39 49.57 263.61) |
| OKLab | oklab(72.44% -0.0452 -0.13679) |
| OKLCH | oklch(72.44% 0.14407 251.716) |
| Display P3 | color(display-p3 0.43584 0.65929 0.96641) |
| Rec. 2020 | color(rec2020 0.4813 0.6188 0.95787) |
| Adobe RGB | color(a98-rgb 0.47112 0.66074 0.98085) |
| ProPhoto RGB | color(prophoto-rgb 0.5378 0.59209 0.94268) |
| Linear sRGB | color(srgb-linear 0.10702 0.40198 0.98225) |
| XYZ D65 | color(xyz-d65 0.36515 0.38115 0.98364) |
| XYZ D50 | color(xyz-d50 0.34203 0.37153 0.74194) |
| SwiftUI | Color(red: 0.361, green: 0.667, blue: 0.992) |
| UIKit | UIColor(red: 0.361, green: 0.667, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF5CAAFD) |
| Android XML | #5CAAFD |

## 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.44:1
- Contrast with black: 8.62:1

## Tints

#5caafd, #6eb3fe, #7fbcff, #8fc5ff, #a0cdff, #b0d6ff, #c0deff, #cfe6ff, #dfefff, #eff7ff

## Shades

#5caafd, #4f93dc, #427dbc, #36689d, #2a537f, #1f3f62, #142d47, #0a1b2d, #030b16, #000103

## Tones

#5caafd, #65aaf5, #6eaaec, #76aae4, #7eaadb, #85a9d2, #8ca9ca, #93a8c1, #99a8b8, #a0a7af

## Harmonies

- Complementary: #5caafd, #dd9526
- Split: #5caafd, #f0845a, #b9a81f
- Analogous: #5caafd, #00b9e6, #9899fd
- Triadic: #5caafd, #f17c8e, #84b853
- Tetradic: #5caafd, #c48ae7, #dd9526, #84b853
- Square: #5caafd, #e27fc0, #dd9526, #35c189
- Monochromatic: #5caafd, #0060ad, #3584d4, #9bd1ff, #e1f6ff

## Questions about #5caafd

### What color is #5caafd?

#5caafd is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(92, 170, 253), in HSL hsl(210.93, 97.58%, 67.65%) and in OKLCH oklch(72.44% 0.14407 251.716).

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

The complementary color of #5caafd is #dd9526. For a calmer combination use the analogous colors #00b9e6 and #9899fd. The triadic partners are #f17c8e and #84b853.

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

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

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

#5caafd is a cool color. In OKLCH its hue is 252 degrees, its lightness 72.4% and its chroma 0.144.