# #4faaff color: Joust Blue

#4faaff is rgb(79, 170, 255) in RGB and oklch(72.064% 0.15155 249.398) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #4faaff |
| RGB | rgb(79, 170, 255) |
| HSL | hsl(208.98, 100%, 65.49%) |
| HSB / HSV | hsv(208.98 69.02% 100%) |
| HWB | hwb(208.98 30.98% 0%) |
| CMYK | cmyk(69% 33% 0% 0%) |
| Lab | lab(66.99 -7.28 -51.01) |
| LCH | lch(66.99 51.53 261.88) |
| OKLab | oklab(72.064% -0.05333 -0.14185) |
| OKLCH | oklch(72.064% 0.15155 249.398) |
| Display P3 | color(display-p3 0.40398 0.65856 0.97358) |
| Rec. 2020 | color(rec2020 0.46222 0.61731 0.96584) |
| Adobe RGB | color(a98-rgb 0.44728 0.66074 0.98873) |
| ProPhoto RGB | color(prophoto-rgb 0.52605 0.59011 0.95132) |
| Linear sRGB | color(srgb-linear 0.07819 0.40198 1) |
| XYZ D65 | color(xyz-d65 0.35647 0.3763 0.99996) |
| XYZ D50 | color(xyz-d50 0.332 0.36619 0.75421) |
| SwiftUI | Color(red: 0.31, green: 0.667, blue: 1) |
| UIKit | UIColor(red: 0.31, green: 0.667, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF4FAAFF) |
| Android XML | #4FAAFF |

## 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.46:1
- Contrast with black: 8.53:1

## Tints

#4faaff, #64b3ff, #77bcff, #89c5ff, #9acdff, #abd6ff, #bcdeff, #cde7ff, #deefff, #eef7ff

## Shades

#4faaff, #4493de, #387dbe, #2e689e, #235380, #193f63, #102d48, #071b2e, #020b16, #000103

## Tones

#4faaff, #5baaf6, #65aaed, #6faae5, #78aadc, #80a9d3, #88a8ca, #90a8c1, #97a7b7, #9ea6ae

## Harmonies

- Complementary: #4faaff, #e19117
- Split: #4faaff, #f38058, #bca500
- Analogous: #4faaff, #00b9e5, #9298ff
- Triadic: #4faaff, #f37890, #86b746
- Tetradic: #4faaff, #c188ec, #e19117, #86b746
- Square: #4faaff, #e17cc3, #e19117, #2fc182
- Monochromatic: #4faaff, #005fae, #2384d6, #95d0ff, #def5ff

## Questions about #4faaff

### What color is #4faaff?

#4faaff is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(79, 170, 255), in HSL hsl(208.98, 100%, 65.49%) and in OKLCH oklch(72.064% 0.15155 249.398).

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

The complementary color of #4faaff is #e19117. For a calmer combination use the analogous colors #00b9e5 and #9298ff. The triadic partners are #f37890 and #86b746.

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

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

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

#4faaff is a cool color. In OKLCH its hue is 249 degrees, its lightness 72.1% and its chroma 0.152.