# #63a2de color: Windjammer

#63a2de is rgb(99, 162, 222) in RGB and oklch(69.448% 0.11021 248.563) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/63a2de

## Formats

| Format | Value |
| --- | --- |
| HEX | #63a2de |
| RGB | rgb(99, 162, 222) |
| HSL | hsl(209.27, 65.08%, 62.94%) |
| HSB / HSV | hsv(209.27 55.41% 87.06%) |
| HWB | hwb(209.27 38.82% 12.94%) |
| CMYK | cmyk(55% 27% 0% 13%) |
| Lab | lab(64.25 -7.82 -37.24) |
| LCH | lch(64.25 38.05 258.15) |
| OKLab | oklab(69.448% -0.04028 -0.10259) |
| OKLCH | oklch(69.448% 0.11021 248.563) |
| Display P3 | color(display-p3 0.44518 0.629 0.85072) |
| Rec. 2020 | color(rec2020 0.46688 0.58536 0.82976) |
| Adobe RGB | color(a98-rgb 0.47236 0.62945 0.85867) |
| ProPhoto RGB | color(prophoto-rgb 0.5008 0.5567 0.80503) |
| Linear sRGB | color(srgb-linear 0.12477 0.36131 0.73046) |
| XYZ D65 | color(xyz-d65 0.31249 0.33766 0.7398) |
| XYZ D50 | color(xyz-d50 0.29808 0.33106 0.55843) |
| SwiftUI | Color(red: 0.388, green: 0.635, blue: 0.871) |
| UIKit | UIColor(red: 0.388, green: 0.635, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF63A2DE) |
| Android XML | #63A2DE |

## Facts

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

## Tints

#63a2de, #73abe2, #83b5e6, #93bee9, #a2c7ed, #b2d1f0, #c1daf3, #d0e3f6, #e0ecf9, #eff6fc

## Shades

#63a2de, #558cc1, #4777a5, #3a6389, #2e4f6f, #213c55, #162a3d, #0b1926, #030a12, #000102

## Tones

#63a2de, #6aa2d8, #70a2d1, #77a1cb, #7da1c4, #82a0be, #88a0b7, #8d9fb1, #929eaa, #989da3

## Harmonies

- Complementary: #63a2de, #c98f4b
- Split: #63a2de, #d78469, #ae9d46
- Analogous: #63a2de, #36adcb, #8d95e0
- Triadic: #63a2de, #d77f8f, #88aa5e
- Tetradic: #63a2de, #b089d1, #c98f4b, #88aa5e
- Square: #63a2de, #c981b4, #c98f4b, #5ab183
- Monochromatic: #63a2de, #175990, #3e7db7, #88c8ff, #ceedff

## Questions about #63a2de

### What color is #63a2de?

#63a2de is soft blue. The closest named color is Windjammer. In RGB it is rgb(99, 162, 222), in HSL hsl(209.27, 65.08%, 62.94%) and in OKLCH oklch(69.448% 0.11021 248.563).

### What colors go well with #63a2de?

The complementary color of #63a2de is #c98f4b. For a calmer combination use the analogous colors #36adcb and #8d95e0. The triadic partners are #d77f8f and #88aa5e.

### Is white or black text more readable on #63a2de?

Black text reads better on #63a2de: white gives a contrast ratio of 2.71:1 and black gives 7.75:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #63a2de a warm or cool color?

#63a2de is a cool color. In OKLCH its hue is 249 degrees, its lightness 69.4% and its chroma 0.11.