# #63a3df color: Windjammer

#63a3df is rgb(99, 163, 223) in RGB and oklch(69.717% 0.11063 248.2) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #63a3df |
| RGB | rgb(99, 163, 223) |
| HSL | hsl(209.03, 65.96%, 63.14%) |
| HSB / HSV | hsv(209.03 55.61% 87.45%) |
| HWB | hwb(209.03 38.82% 12.55%) |
| CMYK | cmyk(56% 27% 0% 13%) |
| Lab | lab(64.57 -8.08 -37.29) |
| LCH | lch(64.57 38.16 257.77) |
| OKLab | oklab(69.717% -0.04108 -0.10272) |
| OKLCH | oklch(69.717% 0.11063 248.2) |
| Display P3 | color(display-p3 0.44628 0.63284 0.85459) |
| Rec. 2020 | color(rec2020 0.46904 0.58944 0.83407) |
| Adobe RGB | color(a98-rgb 0.47393 0.63336 0.86267) |
| ProPhoto RGB | color(prophoto-rgb 0.50339 0.56071 0.80967) |
| Linear sRGB | color(srgb-linear 0.12477 0.36625 0.73791) |
| XYZ D65 | color(xyz-d65 0.3156 0.34174 0.74747) |
| XYZ D50 | color(xyz-d50 0.30105 0.33505 0.56423) |
| SwiftUI | Color(red: 0.388, green: 0.639, blue: 0.875) |
| UIKit | UIColor(red: 0.388, green: 0.639, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF63A3DF) |
| Android XML | #63A3DF |

## 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.68:1
- Contrast with black: 7.83:1

## Tints

#63a3df, #73ace3, #83b6e6, #93bfea, #a2c8ed, #b2d1f0, #c1daf4, #d0e4f7, #e0edfa, #eff6fc

## Shades

#63a3df, #558dc2, #4778a5, #3a638a, #2e4f6f, #213c56, #162a3d, #0b1927, #030a12, #000102

## Tones

#63a3df, #6aa3d9, #71a2d2, #77a2cc, #7da2c5, #83a1bf, #88a1b8, #8ea0b2, #939fab, #989ea4

## Harmonies

- Complementary: #63a3df, #cb904c
- Split: #63a3df, #d8846a, #b09e46
- Analogous: #63a3df, #36aecb, #8e96e2
- Triadic: #63a3df, #d87f90, #89ab5e
- Tetradic: #63a3df, #b18ad2, #cb904c, #89ab5e
- Square: #63a3df, #ca82b5, #cb904c, #5bb283
- Monochromatic: #63a3df, #175a91, #3e7eb8, #88c9ff, #cfeeff

## Questions about #63a3df

### What color is #63a3df?

#63a3df is soft blue. The closest named color is Windjammer. In RGB it is rgb(99, 163, 223), in HSL hsl(209.03, 65.96%, 63.14%) and in OKLCH oklch(69.717% 0.11063 248.2).

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

The complementary color of #63a3df is #cb904c. For a calmer combination use the analogous colors #36aecb and #8e96e2. The triadic partners are #d87f90 and #89ab5e.

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

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

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

#63a3df is a cool color. In OKLCH its hue is 248 degrees, its lightness 69.7% and its chroma 0.111.