# #54affe color: Joust Blue

#54affe is rgb(84, 175, 254) in RGB and oklch(73.279% 0.14418 247.495) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/54affe

## Formats

| Format | Value |
| --- | --- |
| HEX | #54affe |
| RGB | rgb(84, 175, 254) |
| HSL | hsl(207.88, 98.84%, 66.27%) |
| HSB / HSV | hsv(207.88 66.93% 99.61%) |
| HWB | hwb(207.88 32.94% 0.39%) |
| CMYK | cmyk(67% 31% 0% 0%) |
| Lab | lab(68.54 -9.26 -48.03) |
| LCH | lch(68.54 48.91 259.09) |
| OKLab | oklab(73.279% -0.05519 -0.1332) |
| OKLCH | oklch(73.279% 0.14418 247.495) |
| Display P3 | color(display-p3 0.42228 0.67808 0.97085) |
| Rec. 2020 | color(rec2020 0.47877 0.63797 0.96304) |
| Adobe RGB | color(a98-rgb 0.46487 0.68035 0.9853) |
| ProPhoto RGB | color(prophoto-rgb 0.53812 0.61026 0.94878) |
| Linear sRGB | color(srgb-linear 0.08866 0.42869 0.9911) |
| XYZ D65 | color(xyz-d65 0.36873 0.39699 0.99489) |
| XYZ D50 | color(xyz-d50 0.34558 0.38713 0.7506) |
| SwiftUI | Color(red: 0.329, green: 0.686, blue: 0.996) |
| UIKit | UIColor(red: 0.329, green: 0.686, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF54AFFE) |
| Android XML | #54AFFE |

## 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.35:1
- Contrast with black: 8.94:1

## Tints

#54affe, #68b7ff, #7ac0ff, #8cc8ff, #9dd0ff, #aed8ff, #bee0ff, #cee8ff, #dff0ff, #eff7ff

## Shades

#54affe, #4898dd, #3c81bd, #316b9e, #265680, #1b4163, #112e47, #081c2d, #020b16, #000103

## Tones

#54affe, #5faff6, #6aafed, #73aee5, #7caedd, #84add4, #8cadcc, #94acc3, #9babba, #a2aab1

## Harmonies

- Complementary: #54affe, #e49531
- Split: #54affe, #f48564, #c2a81e
- Analogous: #54affe, #00bde4, #939eff
- Triadic: #54affe, #f37f98, #8fb94e
- Tetradic: #54affe, #c18eee, #e49531, #8fb94e
- Square: #54affe, #e183c9, #e49531, #47c384
- Monochromatic: #54affe, #0064ae, #2989d5, #9ad5ff, #e2f8ff

## Questions about #54affe

### What color is #54affe?

#54affe is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(84, 175, 254), in HSL hsl(207.88, 98.84%, 66.27%) and in OKLCH oklch(73.279% 0.14418 247.495).

### What colors go well with #54affe?

The complementary color of #54affe is #e49531. For a calmer combination use the analogous colors #00bde4 and #939eff. The triadic partners are #f37f98 and #8fb94e.

### Is white or black text more readable on #54affe?

Black text reads better on #54affe: white gives a contrast ratio of 2.35:1 and black gives 8.94:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #54affe a warm or cool color?

#54affe is a cool color. In OKLCH its hue is 247 degrees, its lightness 73.3% and its chroma 0.144.