# #5ca2fa color: Âbi Blue

#5ca2fa is rgb(92, 162, 250) in RGB and oklch(70.56% 0.14789 255.095) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ca2fa |
| RGB | rgb(92, 162, 250) |
| HSL | hsl(213.42, 94.05%, 67.06%) |
| HSB / HSV | hsv(213.42 63.2% 98.04%) |
| HWB | hwb(213.42 36.08% 1.96%) |
| CMYK | cmyk(63% 35% 0% 2%) |
| Lab | lab(65.02 -2.14 -51.35) |
| LCH | lch(65.02 51.4 267.61) |
| OKLab | oklab(70.56% -0.03804 -0.14291) |
| OKLCH | oklch(70.56% 0.14789 255.095) |
| Display P3 | color(display-p3 0.42645 0.62853 0.95395) |
| Rec. 2020 | color(rec2020 0.46535 0.58654 0.94369) |
| Adobe RGB | color(a98-rgb 0.45791 0.62945 0.96825) |
| ProPhoto RGB | color(prophoto-rgb 0.52199 0.56078 0.92654) |
| Linear sRGB | color(srgb-linear 0.10702 0.36131 0.95597) |
| XYZ D65 | color(xyz-d65 0.34587 0.35017 0.95382) |
| XYZ D50 | color(xyz-d50 0.32261 0.34078 0.71923) |
| SwiftUI | Color(red: 0.361, green: 0.635, blue: 0.98) |
| UIKit | UIColor(red: 0.361, green: 0.635, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA2FA) |
| Android XML | #5CA2FA |

## 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.62:1
- Contrast with black: 8:1

## Tints

#5ca2fa, #6dacfb, #7eb5fd, #8ebffe, #9fc8fe, #afd2ff, #bfdbff, #cfe4ff, #dfedff, #eff6ff

## Shades

#5ca2fa, #4f8cd9, #4277ba, #36639b, #2a4f7d, #1f3c61, #142a46, #0a192d, #030a15, #000103

## Tones

#5ca2fa, #64a2f1, #6ca3e9, #73a3e0, #7aa3d7, #81a3ce, #88a2c5, #8ea2bc, #94a1b3, #9aa1a9

## Harmonies

- Complementary: #5ca2fa, #d59005
- Split: #5ca2fa, #ea7f4b, #aea40a
- Analogous: #5ca2fa, #00b2e5, #9891f8
- Triadic: #5ca2fa, #ed7582, #76b450
- Tetradic: #5ca2fa, #c381df, #d59005, #76b450
- Square: #5ca2fa, #df77b5, #d59005, #02bc89
- Monochromatic: #5ca2fa, #0a58a9, #377cd1, #95c9ff, #d8efff

## Questions about #5ca2fa

### What color is #5ca2fa?

#5ca2fa is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(92, 162, 250), in HSL hsl(213.42, 94.05%, 67.06%) and in OKLCH oklch(70.56% 0.14789 255.095).

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

The complementary color of #5ca2fa is #d59005. For a calmer combination use the analogous colors #00b2e5 and #9891f8. The triadic partners are #ed7582 and #76b450.

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

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

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

#5ca2fa is a cool color. In OKLCH its hue is 255 degrees, its lightness 70.6% and its chroma 0.148.