# #5aadfd color: Joust Blue

#5aadfd is rgb(90, 173, 253) in RGB and oklch(73.012% 0.14225 249.612) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aadfd |
| RGB | rgb(90, 173, 253) |
| HSL | hsl(209.45, 97.6%, 67.25%) |
| HSB / HSV | hsv(209.45 64.43% 99.22%) |
| HWB | hwb(209.45 35.29% 0.78%) |
| CMYK | cmyk(64% 32% 0% 1%) |
| Lab | lab(68.16 -7.43 -48.07) |
| LCH | lch(68.16 48.64 261.22) |
| OKLab | oklab(73.012% -0.04956 -0.13334) |
| OKLCH | oklch(73.012% 0.14225 249.612) |
| Display P3 | color(display-p3 0.43442 0.67071 0.96691) |
| Rec. 2020 | color(rec2020 0.48371 0.63059 0.95856) |
| Adobe RGB | color(a98-rgb 0.47236 0.6725 0.98115) |
| ProPhoto RGB | color(prophoto-rgb 0.54028 0.60334 0.94373) |
| Linear sRGB | color(srgb-linear 0.10224 0.41789 0.98225) |
| XYZ D65 | color(xyz-d65 0.36887 0.39151 0.98545) |
| XYZ D50 | color(xyz-d50 0.34607 0.38187 0.74342) |
| SwiftUI | Color(red: 0.353, green: 0.678, blue: 0.992) |
| UIKit | UIColor(red: 0.353, green: 0.678, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF5AADFD) |
| Android XML | #5AADFD |

## Facts

- Closest name: Joust Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.38:1
- Contrast with black: 8.83:1

## Tints

#5aadfd, #6db6fe, #7ebeff, #8fc7ff, #9fcfff, #afd7ff, #bfdfff, #cfe7ff, #dfefff, #eff7ff

## Shades

#5aadfd, #4d96dc, #417fbc, #356a9d, #29557f, #1e4162, #132d47, #091b2d, #030b16, #000103

## Tones

#5aadfd, #64adf5, #6dadec, #76ade4, #7eacdc, #86acd3, #8dabcb, #94aac2, #9baab9, #a1a9b1

## Harmonies

- Complementary: #5aadfd, #e0962f
- Split: #5aadfd, #f28660, #bda924
- Analogous: #5aadfd, #00bbe5, #969cff
- Triadic: #5aadfd, #f27f94, #8ab952
- Tetradic: #5aadfd, #c38deb, #e0962f, #8ab952
- Square: #5aadfd, #e282c4, #e0962f, #41c288
- Monochromatic: #5aadfd, #0062ad, #3287d4, #9bd3ff, #e3f8ff

## Questions about #5aadfd

### What color is #5aadfd?

#5aadfd is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(90, 173, 253), in HSL hsl(209.45, 97.6%, 67.25%) and in OKLCH oklch(73.012% 0.14225 249.612).

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

The complementary color of #5aadfd is #e0962f. For a calmer combination use the analogous colors #00bbe5 and #969cff. The triadic partners are #f27f94 and #8ab952.

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

Black text reads better on #5aadfd: white gives a contrast ratio of 2.38:1 and black gives 8.83:1. WCAG AA asks for at least 4.5:1 for body text.

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

#5aadfd is a cool color. In OKLCH its hue is 250 degrees, its lightness 73% and its chroma 0.142.