# #5683ea color: Blue Elemental

#5683ea is rgb(86, 131, 234) in RGB and oklch(62.835% 0.16275 264.448) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5683ea

## Formats

| Format | Value |
| --- | --- |
| HEX | #5683ea |
| RGB | rgb(86, 131, 234) |
| HSL | hsl(221.76, 77.89%, 62.75%) |
| HSB / HSV | hsv(221.76 63.25% 91.76%) |
| HWB | hwb(221.76 33.73% 8.24%) |
| CMYK | cmyk(63% 44% 0% 8%) |
| Lab | lab(55.41 9.19 -57.81) |
| LCH | lch(55.41 58.54 279.03) |
| OKLab | oklab(62.835% -0.01575 -0.16198) |
| OKLCH | oklch(62.835% 0.16275 264.448) |
| Display P3 | color(display-p3 0.37626 0.50906 0.8897) |
| Rec. 2020 | color(rec2020 0.39431 0.46194 0.87136) |
| Adobe RGB | color(a98-rgb 0.39712 0.50951 0.90262) |
| ProPhoto RGB | color(prophoto-rgb 0.45239 0.44259 0.8462) |
| Linear sRGB | color(srgb-linear 0.09306 0.22697 0.82279) |
| XYZ D65 | color(xyz-d65 0.26803 0.24151 0.81094) |
| XYZ D50 | color(xyz-d50 0.24572 0.23329 0.61088) |
| SwiftUI | Color(red: 0.337, green: 0.514, blue: 0.918) |
| UIKit | UIColor(red: 0.337, green: 0.514, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF5683EA) |
| Android XML | #5683EA |

## 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.83:1

## Tints

#5683ea, #6690ed, #769df0, #87a9f3, #97b6f6, #a8c2f8, #b9cefa, #cadbfc, #dce7fd, #edf3fe

## Shades

#5683ea, #4a71cb, #3e60ae, #324f91, #273f75, #1c2f5a, #122041, #081229, #020613, #000103

## Tones

#5683ea, #5b84e1, #6186d7, #6687ce, #6b88c4, #7088ba, #7589b1, #7a89a7, #7f899d, #848993

## Harmonies

- Complementary: #5683ea, #b27f00
- Split: #5683ea, #d16700, #889200
- Analogous: #5683ea, #0095d8, #9071e0
- Triadic: #5683ea, #d95955, #3ba142
- Tetradic: #5683ea, #b861bf, #b27f00, #3ba142
- Square: #5683ea, #d0588f, #b27f00, #00a383
- Monochromatic: #5683ea, #16399a, #355ec1, #7daaff, #b8d4ff

## Questions about #5683ea

### What color is #5683ea?

#5683ea is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(86, 131, 234), in HSL hsl(221.76, 77.89%, 62.75%) and in OKLCH oklch(62.835% 0.16275 264.448).

### What colors go well with #5683ea?

The complementary color of #5683ea is #b27f00. For a calmer combination use the analogous colors #0095d8 and #9071e0. The triadic partners are #d95955 and #3ba142.

### Is white or black text more readable on #5683ea?

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

### Is #5683ea a warm or cool color?

#5683ea is a cool color. In OKLCH its hue is 264 degrees, its lightness 62.8% and its chroma 0.163.