# #5caefe color: Joust Blue

#5caefe is rgb(92, 174, 254) in RGB and oklch(73.359% 0.14175 249.825) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5caefe |
| RGB | rgb(92, 174, 254) |
| HSL | hsl(209.63, 98.78%, 67.84%) |
| HSB / HSV | hsv(209.63 63.78% 99.61%) |
| HWB | hwb(209.63 36.08% 0.39%) |
| CMYK | cmyk(64% 31% 0% 0%) |
| Lab | lab(68.56 -7.3 -47.98) |
| LCH | lch(68.56 48.53 261.35) |
| OKLab | oklab(73.359% -0.04889 -0.13305) |
| OKLCH | oklch(73.359% 0.14175 249.825) |
| Display P3 | color(display-p3 0.44066 0.67468 0.97082) |
| Rec. 2020 | color(rec2020 0.48922 0.63496 0.96295) |
| Adobe RGB | color(a98-rgb 0.47786 0.67642 0.98519) |
| ProPhoto RGB | color(prophoto-rgb 0.54531 0.60784 0.94859) |
| Linear sRGB | color(srgb-linear 0.10702 0.42327 0.9911) |
| XYZ D65 | color(xyz-d65 0.37436 0.39702 0.99459) |
| XYZ D50 | color(xyz-d50 0.3515 0.38733 0.75033) |
| SwiftUI | Color(red: 0.361, green: 0.682, blue: 0.996) |
| UIKit | UIColor(red: 0.361, green: 0.682, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF5CAEFE) |
| Android XML | #5CAEFE |

## 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.94:1

## Tints

#5caefe, #6eb7ff, #7fbfff, #90c7ff, #a0cfff, #b0d8ff, #c0e0ff, #d0e8ff, #e0efff, #eff7ff

## Shades

#5caefe, #4f97dd, #4280bd, #366a9e, #2a5580, #1f4163, #142e47, #0a1c2d, #030b16, #000103

## Tones

#5caefe, #66aef6, #6faeed, #77aee5, #7faddd, #87add4, #8eaccc, #95abc3, #9cabba, #a2aab2

## Harmonies

- Complementary: #5caefe, #e19731
- Split: #5caefe, #f38761, #beaa27
- Analogous: #5caefe, #00bce6, #989dff
- Triadic: #5caefe, #f38095, #8bba54
- Tetradic: #5caefe, #c48eeb, #e19731, #8bba54
- Square: #5caefe, #e383c5, #e19731, #43c489
- Monochromatic: #5caefe, #0063ae, #3488d5, #9ed4ff, #e3f8ff

## Questions about #5caefe

### What color is #5caefe?

#5caefe is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(92, 174, 254), in HSL hsl(209.63, 98.78%, 67.84%) and in OKLCH oklch(73.359% 0.14175 249.825).

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

The complementary color of #5caefe is #e19731. For a calmer combination use the analogous colors #00bce6 and #989dff. The triadic partners are #f38095 and #8bba54.

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

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

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

#5caefe is a cool color. In OKLCH its hue is 250 degrees, its lightness 73.4% and its chroma 0.142.