# #5ea5fd color: Âbi Blue

#5ea5fd is rgb(94, 165, 253) in RGB and oklch(71.448% 0.14794 254.804) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ea5fd |
| RGB | rgb(94, 165, 253) |
| HSL | hsl(213.21, 97.55%, 68.04%) |
| HSB / HSV | hsv(213.21 62.85% 99.22%) |
| HWB | hwb(213.21 36.86% 0.78%) |
| CMYK | cmyk(63% 35% 0% 1%) |
| Lab | lab(66.07 -2.53 -51.32) |
| LCH | lch(66.07 51.39 267.18) |
| OKLab | oklab(71.448% -0.03878 -0.14277) |
| OKLCH | oklch(71.448% 0.14794 254.804) |
| Display P3 | color(display-p3 0.43517 0.64019 0.96559) |
| Rec. 2020 | color(rec2020 0.47545 0.59907 0.95674) |
| Adobe RGB | color(a98-rgb 0.46682 0.64117 0.98036) |
| ProPhoto RGB | color(prophoto-rgb 0.53241 0.57328 0.94097) |
| Linear sRGB | color(srgb-linear 0.11193 0.37626 0.98225) |
| XYZ D65 | color(xyz-d65 0.35798 0.3638 0.98067) |
| XYZ D50 | color(xyz-d50 0.33427 0.35419 0.73951) |
| SwiftUI | Color(red: 0.369, green: 0.647, blue: 0.992) |
| UIKit | UIColor(red: 0.369, green: 0.647, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF5EA5FD) |
| Android XML | #5EA5FD |

## 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.54:1
- Contrast with black: 8.28:1

## Tints

#5ea5fd, #6faffe, #80b8ff, #90c1ff, #a0caff, #b0d3ff, #c0dcff, #cfe5ff, #dfeeff, #eff6ff

## Shades

#5ea5fd, #518fdc, #4479bc, #37659d, #2b517f, #1f3d62, #142b47, #0a1a2d, #030a16, #000103

## Tones

#5ea5fd, #66a5f4, #6ea6ec, #76a6e3, #7da6da, #84a6d1, #8aa5c8, #91a5bf, #97a4b6, #9da4ac

## Harmonies

- Complementary: #5ea5fd, #d8930f
- Split: #5ea5fd, #ed814e, #b2a712
- Analogous: #5ea5fd, #00b5e8, #9a94fb
- Triadic: #5ea5fd, #f07885, #79b752
- Tetradic: #5ea5fd, #c584e2, #d8930f, #79b752
- Square: #5ea5fd, #e27ab8, #d8930f, #12bf8b
- Monochromatic: #5ea5fd, #0c5bac, #397fd4, #99ccff, #ddf2ff

## Questions about #5ea5fd

### What color is #5ea5fd?

#5ea5fd is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(94, 165, 253), in HSL hsl(213.21, 97.55%, 68.04%) and in OKLCH oklch(71.448% 0.14794 254.804).

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

The complementary color of #5ea5fd is #d8930f. For a calmer combination use the analogous colors #00b5e8 and #9a94fb. The triadic partners are #f07885 and #79b752.

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

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

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

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