# #4faafe color: Joust Blue

#4faafe is rgb(79, 170, 254) in RGB and oklch(72.011% 0.15036 249.12) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4faafe

## Formats

| Format | Value |
| --- | --- |
| HEX | #4faafe |
| RGB | rgb(79, 170, 254) |
| HSL | hsl(208.8, 98.87%, 65.29%) |
| HSB / HSV | hsv(208.8 68.9% 99.61%) |
| HWB | hwb(208.8 30.98% 0.39%) |
| CMYK | cmyk(69% 33% 0% 0%) |
| Lab | lab(66.95 -7.55 -50.54) |
| LCH | lch(66.95 51.1 261.5) |
| OKLab | oklab(72.011% -0.05359 -0.14049) |
| OKLCH | oklch(72.011% 0.15036 249.12) |
| Display P3 | color(display-p3 0.40398 0.65856 0.96989) |
| Rec. 2020 | color(rec2020 0.46179 0.61723 0.96173) |
| Adobe RGB | color(a98-rgb 0.44728 0.66074 0.98479) |
| ProPhoto RGB | color(prophoto-rgb 0.52489 0.5899 0.94686) |
| Linear sRGB | color(srgb-linear 0.07819 0.40198 0.9911) |
| XYZ D65 | color(xyz-d65 0.35486 0.37566 0.9915) |
| XYZ D50 | color(xyz-d50 0.33072 0.36565 0.74786) |
| SwiftUI | Color(red: 0.31, green: 0.667, blue: 0.996) |
| UIKit | UIColor(red: 0.31, green: 0.667, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF4FAAFE) |
| Android XML | #4FAAFE |

## 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.47:1
- Contrast with black: 8.51:1

## Tints

#4faafe, #64b3ff, #77bcff, #89c5ff, #9acdff, #abd6ff, #bcdeff, #cde6ff, #deefff, #eef7ff

## Shades

#4faafe, #4493dd, #387dbd, #2e689e, #235380, #193f63, #102d47, #071b2d, #020b16, #000103

## Tones

#4faafe, #5baaf5, #65aaed, #6faae4, #78a9db, #80a9d2, #88a8c9, #8fa8c0, #97a7b7, #9ea6ae

## Harmonies

- Complementary: #4faafe, #e0911b
- Split: #4faafe, #f28059, #bca500
- Analogous: #4faafe, #00b9e4, #9298ff
- Triadic: #4faafe, #f27891, #87b647
- Tetradic: #4faafe, #c088eb, #e0911b, #87b647
- Square: #4faafe, #e17cc3, #e0911b, #32c082
- Monochromatic: #4faafe, #005fad, #2384d5, #94d0ff, #ddf5ff

## Questions about #4faafe

### What color is #4faafe?

#4faafe is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(79, 170, 254), in HSL hsl(208.8, 98.87%, 65.29%) and in OKLCH oklch(72.011% 0.15036 249.12).

### What colors go well with #4faafe?

The complementary color of #4faafe is #e0911b. For a calmer combination use the analogous colors #00b9e4 and #9298ff. The triadic partners are #f27891 and #87b647.

### Is white or black text more readable on #4faafe?

Black text reads better on #4faafe: white gives a contrast ratio of 2.47:1 and black gives 8.51:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4faafe a warm or cool color?

#4faafe is a cool color. In OKLCH its hue is 249 degrees, its lightness 72% and its chroma 0.15.