# #5ca4fe color: Âbi Blue

#5ca4fe is rgb(92, 164, 254) in RGB and oklch(71.204% 0.15095 255.014) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ca4fe |
| RGB | rgb(92, 164, 254) |
| HSL | hsl(213.33, 98.78%, 67.84%) |
| HSB / HSV | hsv(213.33 63.78% 99.61%) |
| HWB | hwb(213.33 36.08% 0.39%) |
| CMYK | cmyk(64% 35% 0% 0%) |
| Lab | lab(65.75 -2.13 -52.38) |
| LCH | lch(65.75 52.42 267.68) |
| OKLab | oklab(71.204% -0.03903 -0.14582) |
| OKLCH | oklch(71.204% 0.15095 255.014) |
| Display P3 | color(display-p3 0.42877 0.63622 0.96909) |
| Rec. 2020 | color(rec2020 0.47067 0.59487 0.96058) |
| Adobe RGB | color(a98-rgb 0.46117 0.63726 0.9842) |
| ProPhoto RGB | color(prophoto-rgb 0.52963 0.56926 0.94504) |
| Linear sRGB | color(srgb-linear 0.10702 0.37124 0.9911) |
| XYZ D65 | color(xyz-d65 0.35576 0.3598 0.98839) |
| XYZ D50 | color(xyz-d50 0.33146 0.35003 0.74528) |
| SwiftUI | Color(red: 0.361, green: 0.643, blue: 0.996) |
| UIKit | UIColor(red: 0.361, green: 0.643, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA4FE) |
| Android XML | #5CA4FE |

## Facts

- Closest name: Âbi 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.56:1
- Contrast with black: 8.2:1

## Tints

#5ca4fe, #6daeff, #7eb7ff, #8fc0ff, #9fcaff, #afd3ff, #bfdcff, #cfe5ff, #dfedff, #eff6ff

## Shades

#5ca4fe, #4f8edd, #4279bd, #36649e, #2a5080, #1f3d63, #142b47, #0a1a2d, #030a16, #000103

## Tones

#5ca4fe, #65a4f5, #6da5ec, #74a5e3, #7ba5da, #82a5d1, #89a4c8, #90a4bf, #96a3b5, #9ca3ac

## Harmonies

- Complementary: #5ca4fe, #d89200
- Split: #5ca4fe, #ee804b, #b1a601
- Analogous: #5ca4fe, #00b4e8, #9a92fc
- Triadic: #5ca4fe, #f17683, #77b650
- Tetradic: #5ca4fe, #c583e2, #d89200, #77b650
- Square: #5ca4fe, #e378b8, #d89200, #00bf8a
- Monochromatic: #5ca4fe, #085aad, #367ed5, #98cbff, #dcf1ff

## Questions about #5ca4fe

### What color is #5ca4fe?

#5ca4fe is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(92, 164, 254), in HSL hsl(213.33, 98.78%, 67.84%) and in OKLCH oklch(71.204% 0.15095 255.014).

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

The complementary color of #5ca4fe is #d89200. For a calmer combination use the analogous colors #00b4e8 and #9a92fc. The triadic partners are #f17683 and #77b650.

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

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

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

#5ca4fe is a cool color. In OKLCH its hue is 255 degrees, its lightness 71.2% and its chroma 0.151.