# #5681ef color: Blue Elemental

#5681ef is rgb(86, 129, 239) in RGB and oklch(62.744% 0.17181 265.64) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5681ef

## Formats

| Format | Value |
| --- | --- |
| HEX | #5681ef |
| RGB | rgb(86, 129, 239) |
| HSL | hsl(223.14, 82.7%, 63.73%) |
| HSB / HSV | hsv(223.14 64.02% 93.73%) |
| HWB | hwb(223.14 33.73% 6.27%) |
| CMYK | cmyk(64% 46% 0% 6%) |
| Lab | lab(55.11 11.71 -61.05) |
| LCH | lch(55.11 62.17 280.86) |
| OKLab | oklab(62.744% -0.01306 -0.17132) |
| OKLCH | oklch(62.744% 0.17181 265.64) |
| Display P3 | color(display-p3 0.37422 0.50139 0.90803) |
| Rec. 2020 | color(rec2020 0.39339 0.4547 0.89155) |
| Adobe RGB | color(a98-rgb 0.39419 0.50184 0.92211) |
| ProPhoto RGB | color(prophoto-rgb 0.45576 0.43685 0.86761) |
| Linear sRGB | color(srgb-linear 0.09306 0.21953 0.86316) |
| XYZ D65 | color(xyz-d65 0.27266 0.2391 0.84842) |
| XYZ D50 | color(xyz-d50 0.24863 0.2304 0.63899) |
| SwiftUI | Color(red: 0.337, green: 0.506, blue: 0.937) |
| UIKit | UIColor(red: 0.337, green: 0.506, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF5681EF) |
| Android XML | #5681EF |

## 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.63:1
- Contrast with black: 5.78:1

## Tints

#5681ef, #668ef2, #769cf4, #86a8f7, #97b5f9, #a8c2fb, #b9cefc, #cadafd, #dbe7fe, #edf3ff

## Shades

#5681ef, #4a6fd0, #3e5eb1, #324e94, #273e78, #1c2e5c, #121f42, #08122a, #020614, #000103

## Tones

#5681ef, #5b83e5, #6084db, #6586d1, #6b87c7, #7087bd, #7588b3, #7a88a8, #7e889e, #838893

## Harmonies

- Complementary: #5681ef, #b07f00
- Split: #5681ef, #d36500, #859300
- Analogous: #5681ef, #0094da, #936ee3
- Triadic: #5681ef, #dd554f, #2da240
- Tetradic: #5681ef, #bb5dc0, #b07f00, #2da240
- Square: #5681ef, #d4538c, #b07f00, #00a285
- Monochromatic: #5681ef, #18369e, #355cc6, #7fa9ff, #b9d3ff

## Questions about #5681ef

### What color is #5681ef?

#5681ef is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(86, 129, 239), in HSL hsl(223.14, 82.7%, 63.73%) and in OKLCH oklch(62.744% 0.17181 265.64).

### What colors go well with #5681ef?

The complementary color of #5681ef is #b07f00. For a calmer combination use the analogous colors #0094da and #936ee3. The triadic partners are #dd554f and #2da240.

### Is white or black text more readable on #5681ef?

White text reads better on #5681ef: white gives a contrast ratio of 3.63:1 and black gives 5.78:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5681ef a warm or cool color?

#5681ef is a cool color. In OKLCH its hue is 266 degrees, its lightness 62.7% and its chroma 0.172.