# #5c82ea color: Blue Elemental

#5c82ea is rgb(92, 130, 234) in RGB and oklch(62.937% 0.16197 266.675) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5c82ea |
| RGB | rgb(92, 130, 234) |
| HSL | hsl(223.94, 77.17%, 63.92%) |
| HSB / HSV | hsv(223.94 60.68% 91.76%) |
| HWB | hwb(223.94 36.08% 8.24%) |
| CMYK | cmyk(61% 44% 0% 8%) |
| Lab | lab(55.45 10.99 -57.72) |
| LCH | lch(55.45 58.76 280.78) |
| OKLab | oklab(62.937% -0.00939 -0.16169) |
| OKLCH | oklch(62.937% 0.16197 266.675) |
| Display P3 | color(display-p3 0.39247 0.50572 0.88968) |
| Rec. 2020 | color(rec2020 0.40411 0.45915 0.8713) |
| Adobe RGB | color(a98-rgb 0.40918 0.50567 0.90254) |
| ProPhoto RGB | color(prophoto-rgb 0.45881 0.44057 0.84607) |
| Linear sRGB | color(srgb-linear 0.10702 0.22323 0.82279) |
| XYZ D65 | color(xyz-d65 0.27246 0.2418 0.81076) |
| XYZ D50 | color(xyz-d50 0.25037 0.23372 0.61071) |
| SwiftUI | Color(red: 0.361, green: 0.51, blue: 0.918) |
| UIKit | UIColor(red: 0.361, green: 0.51, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF5C82EA) |
| Android XML | #5C82EA |

## Facts

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

## Tints

#5c82ea, #6b8fed, #7b9cf0, #8aa9f3, #9ab5f6, #abc2f8, #bbcefa, #ccdafc, #dde7fd, #eef3fe

## Shades

#5c82ea, #4f70cb, #425fae, #364e91, #2a3e75, #1f2f5a, #142041, #0a1229, #030613, #000103

## Tones

#5c82ea, #6084e1, #6585d7, #6a86ce, #6e87c4, #7388bb, #7788b1, #7c89a7, #80899d, #848993

## Harmonies

- Complementary: #5c82ea, #af8100
- Split: #5c82ea, #cf6900, #849400
- Analogous: #5c82ea, #0094dd, #9470de
- Triadic: #5c82ea, #d95a51, #33a249
- Tetradic: #5c82ea, #ba61bc, #af8100, #33a249
- Square: #5c82ea, #d2588b, #af8100, #00a387
- Monochromatic: #5c82ea, #1e389a, #3b5dc1, #82a9ff, #bbd3ff

## Questions about #5c82ea

### What color is #5c82ea?

#5c82ea is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(92, 130, 234), in HSL hsl(223.94, 77.17%, 63.92%) and in OKLCH oklch(62.937% 0.16197 266.675).

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

The complementary color of #5c82ea is #af8100. For a calmer combination use the analogous colors #0094dd and #9470de. The triadic partners are #d95a51 and #33a249.

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

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

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

#5c82ea is a cool color. In OKLCH its hue is 267 degrees, its lightness 62.9% and its chroma 0.162.