# #5bafdd color: Sail Away

#5bafdd is rgb(91, 175, 221) in RGB and oklch(71.97% 0.10558 234.818) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5bafdd |
| RGB | rgb(91, 175, 221) |
| HSL | hsl(201.23, 65.66%, 61.18%) |
| HSB / HSV | hsv(201.23 58.82% 86.67%) |
| HWB | hwb(201.23 35.69% 13.33%) |
| CMYK | cmyk(59% 21% 0% 13%) |
| Lab | lab(67.61 -16.32 -31.55) |
| LCH | lch(67.61 35.52 242.64) |
| OKLab | oklab(71.97% -0.06083 -0.08629) |
| OKLCH | oklch(71.97% 0.10558 234.818) |
| Display P3 | color(display-p3 0.43937 0.67847 0.84951) |
| Rec. 2020 | color(rec2020 0.47703 0.6364 0.82913) |
| Adobe RGB | color(a98-rgb 0.47767 0.68035 0.8563) |
| ProPhoto RGB | color(prophoto-rgb 0.5109 0.60531 0.80581) |
| Linear sRGB | color(srgb-linear 0.10462 0.42869 0.72306) |
| XYZ D65 | color(xyz-d65 0.32693 0.38103 0.74041) |
| XYZ D50 | color(xyz-d50 0.31418 0.37443 0.55941) |
| SwiftUI | Color(red: 0.357, green: 0.686, blue: 0.867) |
| UIKit | UIColor(red: 0.357, green: 0.686, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF5BAFDD) |
| Android XML | #5BAFDD |

## Facts

- Closest name: Sail Away
- Hue family: Sky blue, soft light sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.44:1
- Contrast with black: 8.62:1

## Tints

#5bafdd, #6eb7e1, #7fbfe4, #90c7e8, #a0cfec, #b0d7ef, #c0dff2, #d0e7f6, #e0eff9, #eff7fc

## Shades

#5bafdd, #4e98c0, #4181a4, #356b88, #29566e, #1e4155, #132e3d, #091c26, #030b11, #000102

## Tones

#5bafdd, #65aed7, #6eadd2, #76accc, #7dacc7, #85aac1, #8ca9bc, #92a8b6, #98a7b0, #9ea6aa

## Harmonies

- Complementary: #5bafdd, #d89262
- Split: #5bafdd, #df8a83, #c39f51
- Analogous: #5bafdd, #3fb7c4, #84a3e7
- Triadic: #5bafdd, #d988a8, #a2ac5c
- Tetradic: #5bafdd, #a997e0, #d89262, #a2ac5c
- Square: #5bafdd, #c68dc9, #d89262, #7ab67b
- Monochromatic: #5bafdd, #006690, #338ab6, #82d6ff, #d4f8ff

## Questions about #5bafdd

### What color is #5bafdd?

#5bafdd is soft light sky blue. The closest named color is Sail Away. In RGB it is rgb(91, 175, 221), in HSL hsl(201.23, 65.66%, 61.18%) and in OKLCH oklch(71.97% 0.10558 234.818).

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

The complementary color of #5bafdd is #d89262. For a calmer combination use the analogous colors #3fb7c4 and #84a3e7. The triadic partners are #d988a8 and #a2ac5c.

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

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

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

#5bafdd is a cool color. In OKLCH its hue is 235 degrees, its lightness 72% and its chroma 0.106.