# #5a84df color: Blue Jay

#5a84df is rgb(90, 132, 223) in RGB and oklch(62.576% 0.14532 263.994) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5a84df |
| RGB | rgb(90, 132, 223) |
| HSL | hsl(221.05, 67.51%, 61.37%) |
| HSB / HSV | hsv(221.05 59.64% 87.45%) |
| HWB | hwb(221.05 35.29% 12.55%) |
| CMYK | cmyk(60% 41% 0% 13%) |
| Lab | lab(55.37 6.46 -51.74) |
| LCH | lch(55.37 52.14 277.12) |
| OKLab | oklab(62.576% -0.0152 -0.14453) |
| OKLCH | oklch(62.576% 0.14532 263.994) |
| Display P3 | color(display-p3 0.38865 0.51321 0.84905) |
| Rec. 2020 | color(rec2020 0.39867 0.46546 0.8266) |
| Adobe RGB | color(a98-rgb 0.40748 0.51334 0.85963) |
| ProPhoto RGB | color(prophoto-rgb 0.44626 0.44452 0.79887) |
| Linear sRGB | color(srgb-linear 0.10224 0.23074 0.73791) |
| XYZ D65 | color(xyz-d65 0.25785 0.24003 0.73089) |
| XYZ D50 | color(xyz-d50 0.23903 0.23289 0.55077) |
| SwiftUI | Color(red: 0.353, green: 0.518, blue: 0.875) |
| UIKit | UIColor(red: 0.353, green: 0.518, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF5A84DF) |
| Android XML | #5A84DF |

## Facts

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

## Tints

#5a84df, #6a91e3, #799de7, #8aaaeb, #9ab6ee, #aac2f2, #bbcef5, #ccdaf8, #dce7fa, #eef3fd

## Shades

#5a84df, #4d72c2, #4160a5, #354f8a, #293f6f, #1e2f56, #13203d, #091227, #030612, #000102

## Tones

#5a84df, #5f85d7, #6486ce, #6887c6, #6d87bd, #7288b4, #7688ac, #7b88a3, #7f889a, #838891

## Harmonies

- Complementary: #5a84df, #b17e00
- Split: #5a84df, #c96b1e, #889000
- Analogous: #5a84df, #0094d1, #8e74d6
- Triadic: #5a84df, #d15f5b, #499e4a
- Tetradic: #5a84df, #b266b9, #b17e00, #499e4a
- Square: #5a84df, #c95e8e, #b17e00, #00a281
- Monochromatic: #5a84df, #193c90, #395fb7, #7daaff, #b6d3ff

## Questions about #5a84df

### What color is #5a84df?

#5a84df is bright blue. The closest named color is Blue Jay. In RGB it is rgb(90, 132, 223), in HSL hsl(221.05, 67.51%, 61.37%) and in OKLCH oklch(62.576% 0.14532 263.994).

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

The complementary color of #5a84df is #b17e00. For a calmer combination use the analogous colors #0094d1 and #8e74d6. The triadic partners are #d15f5b and #499e4a.

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

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

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

#5a84df is a cool color. In OKLCH its hue is 264 degrees, its lightness 62.6% and its chroma 0.145.