# #5c8aee color: Blue Elemental

#5c8aee is rgb(92, 138, 238) in RGB and oklch(64.821% 0.15795 263.925) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5c8aee |
| RGB | rgb(92, 138, 238) |
| HSL | hsl(221.1, 81.11%, 64.71%) |
| HSB / HSV | hsv(221.1 61.34% 93.33%) |
| HWB | hwb(221.1 36.08% 6.67%) |
| CMYK | cmyk(61% 42% 0% 7%) |
| Lab | lab(57.83 7.6 -56.15) |
| LCH | lch(57.83 56.66 277.71) |
| OKLab | oklab(64.821% -0.01672 -0.15706) |
| OKLCH | oklch(64.821% 0.15795 263.925) |
| Display P3 | color(display-p3 0.40039 0.53638 0.90569) |
| Rec. 2020 | color(rec2020 0.41872 0.49066 0.88928) |
| Adobe RGB | color(a98-rgb 0.42069 0.5364 0.9189) |
| ProPhoto RGB | color(prophoto-rgb 0.47388 0.46969 0.86589) |
| Linear sRGB | color(srgb-linear 0.10702 0.25415 0.85499) |
| XYZ D65 | color(xyz-d65 0.28933 0.26624 0.84506) |
| XYZ D50 | color(xyz-d50 0.26689 0.25784 0.63671) |
| SwiftUI | Color(red: 0.361, green: 0.541, blue: 0.933) |
| UIKit | UIColor(red: 0.361, green: 0.541, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFF5C8AEE) |
| Android XML | #5C8AEE |

## 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.32:1
- Contrast with black: 6.33:1

## Tints

#5c8aee, #6c96f1, #7ba2f3, #8baef6, #9bbaf8, #abc6fa, #bcd1fb, #ccddfd, #dde8fe, #eef4fe

## Shades

#5c8aee, #4f77cf, #4265b1, #365393, #2a4277, #1f325c, #142242, #0a142a, #030714, #000103

## Tones

#5c8aee, #618be5, #678cdc, #6c8dd2, #718ec9, #768ebf, #7b8fb6, #808fac, #858fa3, #8a8f99

## Harmonies

- Complementary: #5c8aee, #ba8400
- Split: #5c8aee, #d66f11, #8f9800
- Analogous: #5c8aee, #009bdf, #9578e4
- Triadic: #5c8aee, #de615e, #48a64a
- Tetradic: #5c8aee, #bc69c4, #ba8400, #48a64a
- Square: #5c8aee, #d56095, #ba8400, #00aa88
- Monochromatic: #5c8aee, #1b409e, #3a65c5, #86b1ff, #c1dbff

## Questions about #5c8aee

### What color is #5c8aee?

#5c8aee is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(92, 138, 238), in HSL hsl(221.1, 81.11%, 64.71%) and in OKLCH oklch(64.821% 0.15795 263.925).

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

The complementary color of #5c8aee is #ba8400. For a calmer combination use the analogous colors #009bdf and #9578e4. The triadic partners are #de615e and #48a64a.

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

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

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

#5c8aee is a cool color. In OKLCH its hue is 264 degrees, its lightness 64.8% and its chroma 0.158.