# #5a88ea color: Blue Elemental

#5a88ea is rgb(90, 136, 234) in RGB and oklch(64.067% 0.15557 263.654) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5a88ea |
| RGB | rgb(90, 136, 234) |
| HSL | hsl(220.83, 77.42%, 63.53%) |
| HSB / HSV | hsv(220.83 61.54% 91.76%) |
| HWB | hwb(220.83 35.29% 8.24%) |
| CMYK | cmyk(62% 42% 0% 8%) |
| Lab | lab(56.99 7.21 -55.28) |
| LCH | lch(56.99 55.75 277.43) |
| OKLab | oklab(64.067% -0.0172 -0.15462) |
| OKLCH | oklch(64.067% 0.15557 263.654) |
| Display P3 | color(display-p3 0.39269 0.52855 0.89049) |
| Rec. 2020 | color(rec2020 0.40993 0.48211 0.87242) |
| Adobe RGB | color(a98-rgb 0.41331 0.52871 0.90303) |
| ProPhoto RGB | color(prophoto-rgb 0.46402 0.46116 0.84773) |
| Linear sRGB | color(srgb-linear 0.10224 0.2462 0.82279) |
| XYZ D65 | color(xyz-d65 0.2787 0.25721 0.81341) |
| XYZ D50 | color(xyz-d50 0.25713 0.24912 0.61288) |
| SwiftUI | Color(red: 0.353, green: 0.533, blue: 0.918) |
| UIKit | UIColor(red: 0.353, green: 0.533, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF5A88EA) |
| Android XML | #5A88EA |

## 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.42:1
- Contrast with black: 6.14:1

## Tints

#5a88ea, #6a94ed, #7aa1f0, #8aadf3, #9ab9f5, #aac4f8, #bbd0fa, #ccdcfb, #dde8fd, #eef3fe

## Shades

#5a88ea, #4d75cb, #4163ae, #355291, #294175, #1e315a, #132241, #091329, #030613, #000103

## Tones

#5a88ea, #5f89e1, #658ad8, #6a8bcf, #6f8cc6, #748cbc, #798db3, #7e8da9, #838da0, #878c96

## Harmonies

- Complementary: #5a88ea, #b78200
- Split: #5a88ea, #d36d13, #8d9500
- Analogous: #5a88ea, #0099db, #9276e1
- Triadic: #5a88ea, #db605d, #48a449
- Tetradic: #5a88ea, #b968c1, #b78200, #48a449
- Square: #5a88ea, #d25f93, #b78200, #00a785
- Monochromatic: #5a88ea, #183f9a, #3863c1, #81afff, #bdd8ff

## Questions about #5a88ea

### What color is #5a88ea?

#5a88ea is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(90, 136, 234), in HSL hsl(220.83, 77.42%, 63.53%) and in OKLCH oklch(64.067% 0.15557 263.654).

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

The complementary color of #5a88ea is #b78200. For a calmer combination use the analogous colors #0099db and #9276e1. The triadic partners are #db605d and #48a449.

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

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

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

#5a88ea is a cool color. In OKLCH its hue is 264 degrees, its lightness 64.1% and its chroma 0.156.