# #69a2e4 color: Windjammer

#69a2e4 is rgb(105, 162, 228) in RGB and oklch(70.031% 0.1146 252.986) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/69a2e4

## Formats

| Format | Value |
| --- | --- |
| HEX | #69a2e4 |
| RGB | rgb(105, 162, 228) |
| HSL | hsl(212.2, 69.49%, 65.29%) |
| HSB / HSV | hsv(212.2 53.95% 89.41%) |
| HWB | hwb(212.2 41.18% 10.59%) |
| CMYK | cmyk(54% 29% 0% 11%) |
| Lab | lab(64.76 -4.94 -39.71) |
| LCH | lch(64.76 40.01 262.9) |
| OKLab | oklab(70.031% -0.03353 -0.10959) |
| OKLCH | oklch(70.031% 0.1146 252.986) |
| Display P3 | color(display-p3 0.46175 0.62944 0.87297) |
| Rec. 2020 | color(rec2020 0.48038 0.58682 0.85421) |
| Adobe RGB | color(a98-rgb 0.48533 0.62945 0.88203) |
| ProPhoto RGB | color(prophoto-rgb 0.51523 0.55927 0.83083) |
| Linear sRGB | color(srgb-linear 0.14126 0.36131 0.77582) |
| XYZ D65 | color(xyz-d65 0.32747 0.34444 0.78324) |
| XYZ D50 | color(xyz-d50 0.31176 0.33748 0.59106) |
| SwiftUI | Color(red: 0.412, green: 0.635, blue: 0.894) |
| UIKit | UIColor(red: 0.412, green: 0.635, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF69A2E4) |
| Android XML | #69A2E4 |

## Facts

- Closest name: Windjammer
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.66:1
- Contrast with black: 7.89:1

## Tints

#69a2e4, #78abe7, #87b5ea, #96beed, #a5c7f0, #b4d1f3, #c3daf6, #d2e3f8, #e1edfb, #f0f6fd

## Shades

#69a2e4, #5a8cc6, #4c77a9, #3e638d, #314f72, #243c58, #182a3f, #0c1928, #040a12, #000103

## Tones

#69a2e4, #6fa2dd, #75a2d6, #7ba2d0, #80a2c9, #86a1c2, #8ba1bb, #90a0b4, #95a0ad, #9a9fa6

## Harmonies

- Complementary: #69a2e4, #ca9246
- Split: #69a2e4, #da8663, #aca145
- Analogous: #69a2e4, #37aed2, #9595e4
- Triadic: #69a2e4, #dc7f8a, #82ae62
- Tetradic: #69a2e4, #b789d1, #ca9246, #82ae62
- Square: #69a2e4, #d081b1, #ca9246, #50b58a
- Monochromatic: #69a2e4, #215996, #457dbc, #8ec8ff, #d4eeff

## Questions about #69a2e4

### What color is #69a2e4?

#69a2e4 is bright light blue. The closest named color is Windjammer. In RGB it is rgb(105, 162, 228), in HSL hsl(212.2, 69.49%, 65.29%) and in OKLCH oklch(70.031% 0.1146 252.986).

### What colors go well with #69a2e4?

The complementary color of #69a2e4 is #ca9246. For a calmer combination use the analogous colors #37aed2 and #9595e4. The triadic partners are #dc7f8a and #82ae62.

### Is white or black text more readable on #69a2e4?

Black text reads better on #69a2e4: white gives a contrast ratio of 2.66:1 and black gives 7.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #69a2e4 a warm or cool color?

#69a2e4 is a cool color. In OKLCH its hue is 253 degrees, its lightness 70% and its chroma 0.115.