# #5e87f0 color: Blue Elemental

#5e87f0 is rgb(94, 135, 240) in RGB and oklch(64.43% 0.16348 265.931) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5e87f0 |
| RGB | rgb(94, 135, 240) |
| HSL | hsl(223.15, 82.95%, 65.49%) |
| HSB / HSV | hsv(223.15 60.83% 94.12%) |
| HWB | hwb(223.15 36.86% 5.88%) |
| CMYK | cmyk(61% 44% 0% 6%) |
| Lab | lab(57.21 10.23 -58.23) |
| LCH | lch(57.21 59.12 279.97) |
| OKLab | oklab(64.43% -0.0116 -0.16306) |
| OKLCH | oklch(64.43% 0.16348 265.931) |
| Display P3 | color(display-p3 0.40313 0.52504 0.91274) |
| Rec. 2020 | color(rec2020 0.41858 0.47954 0.89696) |
| Adobe RGB | color(a98-rgb 0.42085 0.52486 0.92651) |
| ProPhoto RGB | color(prophoto-rgb 0.47487 0.46003 0.87388) |
| Linear sRGB | color(srgb-linear 0.11193 0.24228 0.87137) |
| XYZ D65 | color(xyz-d65 0.29006 0.25998 0.8593) |
| XYZ D50 | color(xyz-d50 0.2668 0.25141 0.64732) |
| SwiftUI | Color(red: 0.369, green: 0.529, blue: 0.941) |
| UIKit | UIColor(red: 0.369, green: 0.529, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF5E87F0) |
| Android XML | #5E87F0 |

## Facts

- Closest name: Blue Elemental
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.39:1
- Contrast with black: 6.2:1

## Tints

#5e87f0, #6d94f3, #7ca0f5, #8cacf7, #9cb8f9, #acc4fb, #bcd0fc, #cddcfd, #dde8fe, #eef3ff

## Shades

#5e87f0, #5175d1, #4463b2, #375195, #2b4178, #1f315d, #142143, #0a132a, #030614, #000103

## Tones

#5e87f0, #6389e6, #688add, #6c8bd3, #718cca, #768cc0, #7b8db6, #7f8dac, #848da2, #898d98

## Harmonies

- Complementary: #5e87f0, #b68400
- Split: #5e87f0, #d66d00, #8a9800
- Analogous: #5e87f0, #0099e2, #9875e4
- Triadic: #5e87f0, #df5e57, #3ba74b
- Tetradic: #5e87f0, #bf65c2, #b68400, #3ba74b
- Square: #5e87f0, #d75c91, #b68400, #00a88a
- Monochromatic: #5e87f0, #1f3d9f, #3d62c7, #88afff, #c1d9ff

## Questions about #5e87f0

### What color is #5e87f0?

#5e87f0 is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(94, 135, 240), in HSL hsl(223.15, 82.95%, 65.49%) and in OKLCH oklch(64.43% 0.16348 265.931).

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

The complementary color of #5e87f0 is #b68400. For a calmer combination use the analogous colors #0099e2 and #9875e4. The triadic partners are #df5e57 and #3ba74b.

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

White text reads better on #5e87f0: white gives a contrast ratio of 3.39:1 and black gives 6.2:1. WCAG AA asks for at least 4.5:1 for body text.

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

#5e87f0 is a cool color. In OKLCH its hue is 266 degrees, its lightness 64.4% and its chroma 0.163.