# #5c8aef color: Blue Elemental

#5c8aef is rgb(92, 138, 239) in RGB and oklch(64.881% 0.15929 264.042) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5c8aef |
| RGB | rgb(92, 138, 239) |
| HSL | hsl(221.22, 82.12%, 64.9%) |
| HSB / HSV | hsv(221.22 61.51% 93.73%) |
| HWB | hwb(221.22 36.08% 6.27%) |
| CMYK | cmyk(62% 42% 0% 6%) |
| Lab | lab(57.88 7.88 -56.63) |
| LCH | lch(57.88 57.17 277.92) |
| OKLab | oklab(64.881% -0.01654 -0.15843) |
| OKLCH | oklch(64.881% 0.15929 264.042) |
| Display P3 | color(display-p3 0.40039 0.53638 0.9094) |
| Rec. 2020 | color(rec2020 0.41916 0.49076 0.89339) |
| Adobe RGB | color(a98-rgb 0.42069 0.5364 0.92283) |
| ProPhoto RGB | color(prophoto-rgb 0.47504 0.46992 0.87029) |
| Linear sRGB | color(srgb-linear 0.10702 0.25415 0.86316) |
| XYZ D65 | color(xyz-d65 0.2908 0.26683 0.85282) |
| XYZ D50 | color(xyz-d50 0.26806 0.25833 0.64254) |
| SwiftUI | Color(red: 0.361, green: 0.541, blue: 0.937) |
| UIKit | UIColor(red: 0.361, green: 0.541, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF5C8AEF) |
| Android XML | #5C8AEF |

## 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.31:1
- Contrast with black: 6.34:1

## Tints

#5c8aef, #6c96f2, #7ba2f4, #8baef6, #9bbaf8, #abc6fa, #bcd1fc, #ccddfd, #dde8fe, #eef4ff

## Shades

#5c8aef, #4f77d0, #4265b1, #365394, #2a4278, #1f325c, #142242, #0a142a, #030714, #000103

## Tones

#5c8aef, #618be6, #678cdc, #6c8dd3, #718eca, #768fc0, #7b8fb6, #808fad, #858fa3, #8a8f99

## Harmonies

- Complementary: #5c8aef, #ba8400
- Split: #5c8aef, #d76e0c, #8f9800
- Analogous: #5c8aef, #009ce0, #9678e5
- Triadic: #5c8aef, #df615d, #47a74a
- Tetradic: #5c8aef, #bd69c5, #ba8400, #47a74a
- Square: #5c8aef, #d66095, #ba8400, #00aa88
- Monochromatic: #5c8aef, #1b409f, #3a65c6, #86b2ff, #c1dbff

## Questions about #5c8aef

### What color is #5c8aef?

#5c8aef is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(92, 138, 239), in HSL hsl(221.22, 82.12%, 64.9%) and in OKLCH oklch(64.881% 0.15929 264.042).

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

The complementary color of #5c8aef is #ba8400. For a calmer combination use the analogous colors #009ce0 and #9678e5. The triadic partners are #df615d and #47a74a.

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

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

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

#5c8aef is a cool color. In OKLCH its hue is 264 degrees, its lightness 64.9% and its chroma 0.159.