# #5ca2f4 color: Feather Star

#5ca2f4 is rgb(92, 162, 244) in RGB and oklch(70.239% 0.14036 253.636) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ca2f4 |
| RGB | rgb(92, 162, 244) |
| HSL | hsl(212.37, 87.36%, 65.88%) |
| HSB / HSV | hsv(212.37 62.3% 95.69%) |
| HWB | hwb(212.37 36.08% 4.31%) |
| CMYK | cmyk(62% 34% 0% 4%) |
| Lab | lab(64.78 -3.73 -48.48) |
| LCH | lch(64.78 48.62 265.6) |
| OKLab | oklab(70.239% -0.03955 -0.13468) |
| OKLCH | oklch(70.239% 0.14036 253.636) |
| Display P3 | color(display-p3 0.42645 0.62853 0.93174) |
| Rec. 2020 | color(rec2020 0.46286 0.58603 0.91909) |
| Adobe RGB | color(a98-rgb 0.45791 0.62945 0.94465) |
| ProPhoto RGB | color(prophoto-rgb 0.51522 0.5595 0.90001) |
| Linear sRGB | color(srgb-linear 0.10702 0.36131 0.90466) |
| XYZ D65 | color(xyz-d65 0.33661 0.34646 0.90504) |
| XYZ D50 | color(xyz-d50 0.31526 0.33767 0.68258) |
| SwiftUI | Color(red: 0.361, green: 0.635, blue: 0.957) |
| UIKit | UIColor(red: 0.361, green: 0.635, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA2F4) |
| Android XML | #5CA2F4 |

## Facts

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

## Tints

#5ca2f4, #6dacf6, #7eb5f8, #8ebff9, #9fc8fb, #afd1fc, #bfdbfd, #cfe4fe, #dfedfe, #eff6ff

## Shades

#5ca2f4, #4f8cd4, #4277b5, #366397, #2a4f7a, #1f3c5e, #142a44, #0a192b, #030a14, #000103

## Tones

#5ca2f4, #64a2ec, #6ca2e4, #73a2db, #7aa2d3, #81a2ca, #87a2c2, #8da1b9, #93a1b1, #99a0a8

## Harmonies

- Complementary: #5ca2f4, #d39020
- Split: #5ca2f4, #e67f52, #afa21e
- Analogous: #5ca2f4, #00b1df, #9592f3
- Triadic: #5ca2f4, #e87785, #7ab252
- Tetradic: #5ca2f4, #be83dc, #d39020, #7ab252
- Square: #5ca2f4, #db79b5, #d39020, #29ba87
- Monochromatic: #5ca2f4, #0958a4, #377ccb, #90c9ff, #d6efff

## Questions about #5ca2f4

### What color is #5ca2f4?

#5ca2f4 is bright light blue. The closest named color is Feather Star. In RGB it is rgb(92, 162, 244), in HSL hsl(212.37, 87.36%, 65.88%) and in OKLCH oklch(70.239% 0.14036 253.636).

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

The complementary color of #5ca2f4 is #d39020. For a calmer combination use the analogous colors #00b1df and #9592f3. The triadic partners are #e87785 and #7ab252.

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

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

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

#5ca2f4 is a cool color. In OKLCH its hue is 254 degrees, its lightness 70.2% and its chroma 0.14.