# #5cabff color: Joust Blue

#5cabff is rgb(92, 171, 255) in RGB and oklch(72.76% 0.14559 251.723) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5cabff |
| RGB | rgb(92, 171, 255) |
| HSL | hsl(210.92, 100%, 68.04%) |
| HSB / HSV | hsv(210.92 63.92% 100%) |
| HWB | hwb(210.92 36.08% 0%) |
| CMYK | cmyk(64% 33% 0% 0%) |
| Lab | lab(67.75 -5.5 -49.78) |
| LCH | lch(67.75 50.08 263.69) |
| OKLab | oklab(72.76% -0.04566 -0.13825) |
| OKLCH | oklch(72.76% 0.14559 251.723) |
| Display P3 | color(display-p3 0.43704 0.66314 0.97398) |
| Rec. 2020 | color(rec2020 0.484 0.62298 0.96632) |
| Adobe RGB | color(a98-rgb 0.4728 0.66466 0.98883) |
| ProPhoto RGB | color(prophoto-rgb 0.54165 0.59638 0.95196) |
| Linear sRGB | color(srgb-linear 0.10702 0.40724 1) |
| XYZ D65 | color(xyz-d65 0.37024 0.3862 1.00114) |
| XYZ D50 | color(xyz-d50 0.3466 0.37638 0.75512) |
| SwiftUI | Color(red: 0.361, green: 0.671, blue: 1) |
| UIKit | UIColor(red: 0.361, green: 0.671, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF5CABFF) |
| Android XML | #5CABFF |

## 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.41:1
- Contrast with black: 8.72:1

## Tints

#5cabff, #6eb4ff, #7fbdff, #90c5ff, #a0ceff, #b0d6ff, #c0deff, #d0e7ff, #dfefff, #eff7ff

## Shades

#5cabff, #4f94de, #427ebe, #36689e, #2a5480, #1f4063, #142d48, #0a1b2e, #030b16, #000103

## Tones

#5cabff, #65abf6, #6eabee, #76abe5, #7eabdd, #86aad4, #8daacb, #93a9c2, #9aa9b9, #a1a8b0

## Harmonies

- Complementary: #5cabff, #df9625
- Split: #5cabff, #f2855a, #baa91d
- Analogous: #5cabff, #00bae8, #999aff
- Triadic: #5cabff, #f37d8f, #85b952
- Tetradic: #5cabff, #c58ae9, #df9625, #85b952
- Square: #5cabff, #e480c1, #df9625, #33c38a
- Monochromatic: #5cabff, #0060ae, #3585d6, #9dd2ff, #e3f7ff

## Questions about #5cabff

### What color is #5cabff?

#5cabff is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(92, 171, 255), in HSL hsl(210.92, 100%, 68.04%) and in OKLCH oklch(72.76% 0.14559 251.723).

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

The complementary color of #5cabff is #df9625. For a calmer combination use the analogous colors #00bae8 and #999aff. The triadic partners are #f37d8f and #85b952.

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

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

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

#5cabff is a cool color. In OKLCH its hue is 252 degrees, its lightness 72.8% and its chroma 0.146.