# #54aefe color: Joust Blue

#54aefe is rgb(84, 174, 254) in RGB and oklch(73.06% 0.14501 248.039) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #54aefe |
| RGB | rgb(84, 174, 254) |
| HSL | hsl(208.24, 98.84%, 66.27%) |
| HSB / HSV | hsv(208.24 66.93% 99.61%) |
| HWB | hwb(208.24 32.94% 0.39%) |
| CMYK | cmyk(67% 31% 0% 0%) |
| Lab | lab(68.26 -8.75 -48.47) |
| LCH | lch(68.26 49.25 259.77) |
| OKLab | oklab(73.06% -0.05423 -0.13449) |
| OKLCH | oklch(73.06% 0.14501 248.039) |
| Display P3 | color(display-p3 0.421 0.67423 0.97067) |
| Rec. 2020 | color(rec2020 0.47682 0.63393 0.96279) |
| Adobe RGB | color(a98-rgb 0.46311 0.67642 0.98519) |
| ProPhoto RGB | color(prophoto-rgb 0.53648 0.60634 0.94841) |
| Linear sRGB | color(srgb-linear 0.08866 0.42327 0.9911) |
| XYZ D65 | color(xyz-d65 0.36679 0.39311 0.99424) |
| XYZ D50 | color(xyz-d50 0.34349 0.38324 0.75007) |
| SwiftUI | Color(red: 0.329, green: 0.682, blue: 0.996) |
| UIKit | UIColor(red: 0.329, green: 0.682, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF54AEFE) |
| Android XML | #54AEFE |

## 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.37:1
- Contrast with black: 8.86:1

## Tints

#54aefe, #68b7ff, #7abfff, #8cc7ff, #9dd0ff, #aed8ff, #bee0ff, #cee8ff, #dfefff, #eff7ff

## Shades

#54aefe, #4897dd, #3c80bd, #316a9e, #265580, #1b4163, #112e47, #081c2d, #020b16, #000103

## Tones

#54aefe, #5faef6, #6aaeed, #73ade5, #7caddc, #84acd4, #8baccb, #93abc3, #9aaaba, #a1a9b1

## Harmonies

- Complementary: #54aefe, #e3942e
- Split: #54aefe, #f48462, #c0a81b
- Analogous: #54aefe, #00bce4, #939dff
- Triadic: #54aefe, #f37e96, #8db94d
- Tetradic: #54aefe, #c18dee, #e3942e, #8db94d
- Square: #54aefe, #e182c7, #e3942e, #43c384
- Monochromatic: #54aefe, #0063ae, #2988d5, #99d4ff, #e2f8ff

## Questions about #54aefe

### What color is #54aefe?

#54aefe is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(84, 174, 254), in HSL hsl(208.24, 98.84%, 66.27%) and in OKLCH oklch(73.06% 0.14501 248.039).

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

The complementary color of #54aefe is #e3942e. For a calmer combination use the analogous colors #00bce4 and #939dff. The triadic partners are #f37e96 and #8db94d.

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

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

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

#54aefe is a cool color. In OKLCH its hue is 248 degrees, its lightness 73.1% and its chroma 0.145.