# #5f82ea color: Blue Elemental

#5f82ea is rgb(95, 130, 234) in RGB and oklch(63.099% 0.16101 267.65) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5f82ea |
| RGB | rgb(95, 130, 234) |
| HSL | hsl(224.89, 76.8%, 64.51%) |
| HSB / HSV | hsv(224.89 59.4% 91.76%) |
| HWB | hwb(224.89 37.25% 8.24%) |
| CMYK | cmyk(59% 44% 0% 8%) |
| Lab | lab(55.62 11.63 -57.44) |
| LCH | lch(55.62 58.61 281.45) |
| OKLab | oklab(63.099% -0.0066 -0.16087) |
| OKLCH | oklch(63.099% 0.16101 267.65) |
| Display P3 | color(display-p3 0.40126 0.50598 0.88975) |
| Rec. 2020 | color(rec2020 0.41004 0.45973 0.87137) |
| Adobe RGB | color(a98-rgb 0.41615 0.50567 0.90254) |
| ProPhoto RGB | color(prophoto-rgb 0.46286 0.44135 0.84615) |
| Linear sRGB | color(srgb-linear 0.11444 0.22323 0.82279) |
| XYZ D65 | color(xyz-d65 0.27551 0.24338 0.8109) |
| XYZ D50 | color(xyz-d50 0.2536 0.23537 0.61082) |
| SwiftUI | Color(red: 0.373, green: 0.51, blue: 0.918) |
| UIKit | UIColor(red: 0.373, green: 0.51, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF5F82EA) |
| Android XML | #5F82EA |

## 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.58:1
- Contrast with black: 5.87:1

## Tints

#5f82ea, #6e8fed, #7d9cf0, #8ca9f3, #9cb5f6, #acc2f8, #bccefa, #ccdafc, #dde7fd, #eef3fe

## Shades

#5f82ea, #5270cb, #445fae, #384e91, #2c3e75, #202f5a, #152041, #0a1229, #030613, #000103

## Tones

#5f82ea, #6384e1, #6785d7, #6c86ce, #7087c4, #7488bb, #7889b1, #7d89a8, #81899e, #858994

## Harmonies

- Complementary: #5f82ea, #af8200
- Split: #5f82ea, #cf6b00, #839500
- Analogous: #5f82ea, #0094de, #9670dd
- Triadic: #5f82ea, #da5b50, #30a34c
- Tetradic: #5f82ea, #bb61ba, #af8200, #30a34c
- Square: #5f82ea, #d2598a, #af8200, #00a389
- Monochromatic: #5f82ea, #21389a, #3e5dc1, #85a9ff, #bcd3ff

## Questions about #5f82ea

### What color is #5f82ea?

#5f82ea is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(95, 130, 234), in HSL hsl(224.89, 76.8%, 64.51%) and in OKLCH oklch(63.099% 0.16101 267.65).

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

The complementary color of #5f82ea is #af8200. For a calmer combination use the analogous colors #0094de and #9670dd. The triadic partners are #da5b50 and #30a34c.

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

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

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

#5f82ea is a cool color. In OKLCH its hue is 268 degrees, its lightness 63.1% and its chroma 0.161.