# #63a2bd color: Air Blue

#63a2bd is rgb(99, 162, 189) in RGB and oklch(67.995% 0.07607 227.299) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #63a2bd |
| RGB | rgb(99, 162, 189) |
| HSL | hsl(198, 40.54%, 56.47%) |
| HSB / HSV | hsv(198 47.62% 74.12%) |
| HWB | hwb(198 38.82% 25.88%) |
| CMYK | cmyk(48% 14% 0% 26%) |
| Lab | lab(63.15 -15.51 -20.68) |
| LCH | lch(63.15 25.85 233.13) |
| OKLab | oklab(67.995% -0.05159 -0.0559) |
| OKLCH | oklch(67.995% 0.07607 227.299) |
| Display P3 | color(display-p3 0.44518 0.629 0.72982) |
| Rec. 2020 | color(rec2020 0.45607 0.58314 0.69786) |
| Adobe RGB | color(a98-rgb 0.47236 0.62945 0.73152) |
| ProPhoto RGB | color(prophoto-rgb 0.46995 0.55114 0.66901) |
| Linear sRGB | color(srgb-linear 0.12477 0.36131 0.50888) |
| XYZ D65 | color(xyz-d65 0.2725 0.32166 0.52919) |
| XYZ D50 | color(xyz-d50 0.26638 0.31763 0.40021) |
| SwiftUI | Color(red: 0.388, green: 0.635, blue: 0.741) |
| UIKit | UIColor(red: 0.388, green: 0.635, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF63A2BD) |
| Android XML | #63A2BD |

## Facts

- Closest name: Air Blue
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.83:1
- Contrast with black: 7.43:1

## Tints

#63a2bd, #73abc4, #83b4ca, #93bed1, #a2c7d8, #b2d0de, #c1d9e5, #d0e3eb, #e0ecf2, #eff6f8

## Shades

#63a2bd, #558ca4, #47778c, #3a6374, #2e4f5d, #213c47, #162a33, #0b191f, #030a0d, #000102

## Tones

#63a2bd, #6aa1b9, #70a0b6, #759fb2, #7b9eae, #809dab, #859ca7, #8a9ba3, #8f9aa0, #94999c

## Harmonies

- Complementary: #63a2bd, #c08a70
- Split: #63a2bd, #c38587, #b39362
- Analogous: #63a2bd, #5aa7a9, #7a9ac7
- Triadic: #63a2bd, #bc85a1, #9d9c64
- Tetradic: #63a2bd, #9591c5, #c08a70, #9d9c64
- Square: #63a2bd, #ac8ab7, #c08a70, #82a475
- Monochromatic: #63a2bd, #165a73, #3e7d97, #88c8e4, #aff0ff

## Questions about #63a2bd

### What color is #63a2bd?

#63a2bd is dusty sky blue. The closest named color is Air Blue. In RGB it is rgb(99, 162, 189), in HSL hsl(198, 40.54%, 56.47%) and in OKLCH oklch(67.995% 0.07607 227.299).

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

The complementary color of #63a2bd is #c08a70. For a calmer combination use the analogous colors #5aa7a9 and #7a9ac7. The triadic partners are #bc85a1 and #9d9c64.

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

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

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

#63a2bd is a cool color. In OKLCH its hue is 227 degrees, its lightness 68% and its chroma 0.076.