# #5ba4e4 color: Windjammer

#5ba4e4 is rgb(91, 164, 228) in RGB and oklch(69.821% 0.11968 246.963) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ba4e4 |
| RGB | rgb(91, 164, 228) |
| HSL | hsl(208.03, 71.73%, 62.55%) |
| HSB / HSV | hsv(208.03 60.09% 89.41%) |
| HWB | hwb(208.03 35.69% 10.59%) |
| CMYK | cmyk(60% 28% 0% 11%) |
| Lab | lab(64.68 -9.11 -39.9) |
| LCH | lch(64.68 40.92 257.14) |
| OKLab | oklab(69.821% -0.04683 -0.11013) |
| OKLCH | oklch(69.821% 0.11968 246.963) |
| Display P3 | color(display-p3 0.42617 0.63615 0.87301) |
| Rec. 2020 | color(rec2020 0.45855 0.5926 0.85438) |
| Adobe RGB | color(a98-rgb 0.45919 0.63726 0.88224) |
| ProPhoto RGB | color(prophoto-rgb 0.49982 0.56374 0.83118) |
| Linear sRGB | color(srgb-linear 0.10462 0.37124 0.77582) |
| XYZ D65 | color(xyz-d65 0.31591 0.34375 0.78372) |
| XYZ D50 | color(xyz-d50 0.29961 0.33644 0.59151) |
| SwiftUI | Color(red: 0.357, green: 0.643, blue: 0.894) |
| UIKit | UIColor(red: 0.357, green: 0.643, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF5BA4E4) |
| Android XML | #5BA4E4 |

## Facts

- Closest name: Windjammer
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.67:1
- Contrast with black: 7.88:1

## Tints

#5ba4e4, #6dade7, #7eb7ea, #8ec0ed, #9fc9f0, #afd2f3, #bfdbf6, #cfe4f8, #dfedfb, #eff6fd

## Shades

#5ba4e4, #4e8ec6, #4179a9, #35648d, #295072, #1e3d58, #132b3f, #091a28, #030a12, #000103

## Tones

#5ba4e4, #63a4dd, #6ba3d6, #73a3cf, #79a3c9, #80a2c2, #86a1bb, #8da0b3, #92a0ac, #989fa5

## Harmonies

- Complementary: #5ba4e4, #cf8e44
- Split: #5ba4e4, #dd8267, #b39e3b
- Analogous: #5ba4e4, #1dafce, #8b96e7
- Triadic: #5ba4e4, #dc7d91, #8aab56
- Tetradic: #5ba4e4, #b189d8, #cf8e44, #8aab56
- Square: #5ba4e4, #cd80b9, #cf8e44, #55b480
- Monochromatic: #5ba4e4, #025b96, #357fbc, #81cbff, #cfefff

## Questions about #5ba4e4

### What color is #5ba4e4?

#5ba4e4 is bright sky blue. The closest named color is Windjammer. In RGB it is rgb(91, 164, 228), in HSL hsl(208.03, 71.73%, 62.55%) and in OKLCH oklch(69.821% 0.11968 246.963).

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

The complementary color of #5ba4e4 is #cf8e44. For a calmer combination use the analogous colors #1dafce and #8b96e7. The triadic partners are #dc7d91 and #8aab56.

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

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

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

#5ba4e4 is a cool color. In OKLCH its hue is 247 degrees, its lightness 69.8% and its chroma 0.12.