# #64a5dc color: Windjammer

#64a5dc is rgb(100, 165, 220) in RGB and oklch(70.067% 0.10515 245.595) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/64a5dc

## Formats

| Format | Value |
| --- | --- |
| HEX | #64a5dc |
| RGB | rgb(100, 165, 220) |
| HSL | hsl(207.5, 63.16%, 62.75%) |
| HSB / HSV | hsv(207.5 54.55% 86.27%) |
| HWB | hwb(207.5 39.22% 13.73%) |
| CMYK | cmyk(55% 25% 0% 14%) |
| Lab | lab(65.08 -9.6 -34.85) |
| LCH | lch(65.08 36.15 254.6) |
| OKLab | oklab(70.067% -0.04345 -0.09575) |
| OKLCH | oklch(70.067% 0.10515 245.595) |
| Display P3 | color(display-p3 0.45119 0.6406 0.84398) |
| Rec. 2020 | color(rec2020 0.47346 0.59738 0.82251) |
| Adobe RGB | color(a98-rgb 0.47919 0.64117 0.85124) |
| ProPhoto RGB | color(prophoto-rgb 0.50492 0.56807 0.79775) |
| Linear sRGB | color(srgb-linear 0.12744 0.37626 0.71569) |
| XYZ D65 | color(xyz-d65 0.31627 0.34786 0.7276) |
| XYZ D50 | color(xyz-d50 0.30289 0.34148 0.54938) |
| SwiftUI | Color(red: 0.392, green: 0.647, blue: 0.863) |
| UIKit | UIColor(red: 0.392, green: 0.647, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF64A5DC) |
| Android XML | #64A5DC |

## Facts

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

## Tints

#64a5dc, #74aee0, #84b7e4, #94c0e8, #a3c9eb, #b2d2ef, #c2dbf2, #d1e4f6, #e0edf9, #f0f6fc

## Shades

#64a5dc, #568fbf, #4879a3, #3b6588, #2e516e, #223d54, #162b3c, #0b1a26, #030a11, #000102

## Tones

#64a5dc, #6ba5d6, #72a4d0, #78a4ca, #7ea3c4, #84a3be, #8aa2b8, #8fa1b1, #94a0ab, #999fa5

## Harmonies

- Complementary: #64a5dc, #cb9154
- Split: #64a5dc, #d78671, #b29e4c
- Analogous: #64a5dc, #3eafc8, #8c99e0
- Triadic: #64a5dc, #d68295, #8faa60
- Tetradic: #64a5dc, #ae8dd3, #cb9154, #8faa60
- Square: #64a5dc, #c885b8, #cb9154, #64b282
- Monochromatic: #64a5dc, #175c8f, #3f80b5, #89cbff, #cff0ff

## Questions about #64a5dc

### What color is #64a5dc?

#64a5dc is soft light sky blue. The closest named color is Windjammer. In RGB it is rgb(100, 165, 220), in HSL hsl(207.5, 63.16%, 62.75%) and in OKLCH oklch(70.067% 0.10515 245.595).

### What colors go well with #64a5dc?

The complementary color of #64a5dc is #cb9154. For a calmer combination use the analogous colors #3eafc8 and #8c99e0. The triadic partners are #d68295 and #8faa60.

### Is white or black text more readable on #64a5dc?

Black text reads better on #64a5dc: white gives a contrast ratio of 2.64:1 and black gives 7.96:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #64a5dc a warm or cool color?

#64a5dc is a cool color. In OKLCH its hue is 246 degrees, its lightness 70.1% and its chroma 0.105.