# #6cb2de color: Xavier Blue

#6cb2de is rgb(108, 178, 222) in RGB and oklch(73.433% 0.09537 237.593) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/6cb2de

## Formats

| Format | Value |
| --- | --- |
| HEX | #6cb2de |
| RGB | rgb(108, 178, 222) |
| HSL | hsl(203.16, 63.33%, 64.71%) |
| HSB / HSV | hsv(203.16 51.35% 87.06%) |
| HWB | hwb(203.16 42.35% 12.94%) |
| CMYK | cmyk(51% 20% 0% 13%) |
| Lab | lab(69.24 -13.71 -29.52) |
| LCH | lch(69.24 32.55 245.08) |
| OKLab | oklab(73.433% -0.05111 -0.08051) |
| OKLCH | oklch(73.433% 0.09537 237.593) |
| Display P3 | color(display-p3 0.48719 0.69109 0.85425) |
| Rec. 2020 | color(rec2020 0.51291 0.65109 0.83448) |
| Adobe RGB | color(a98-rgb 0.51669 0.69214 0.86055) |
| ProPhoto RGB | color(prophoto-rgb 0.53926 0.621 0.81181) |
| Linear sRGB | color(srgb-linear 0.14996 0.4452 0.73046) |
| XYZ D65 | color(xyz-d65 0.35287 0.40301 0.75029) |
| XYZ D50 | color(xyz-d50 0.34138 0.3968 0.56693) |
| SwiftUI | Color(red: 0.424, green: 0.698, blue: 0.871) |
| UIKit | UIColor(red: 0.424, green: 0.698, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF6CB2DE) |
| Android XML | #6CB2DE |

## Facts

- Closest name: Xavier Blue
- Hue family: Sky blue, soft light sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.32:1
- Contrast with black: 9.06:1

## Tints

#6cb2de, #7cbae2, #8bc2e5, #9ac9e9, #a8d1ec, #b7d9ef, #c5e0f3, #d4e8f6, #e2f0f9, #f1f7fc

## Shades

#6cb2de, #5d9ac1, #4e83a5, #406d89, #32576f, #254355, #192f3d, #0d1d26, #040c12, #000102

## Tones

#6cb2de, #73b1d9, #7ab1d4, #81b0ce, #87afc9, #8eaec4, #93adbf, #99acb9, #9eabb4, #a4aaae

## Harmonies

- Complementary: #6cb2de, #d79a6c
- Split: #6cb2de, #df9288, #c2a660
- Analogous: #6cb2de, #55bac8, #8fa7e6
- Triadic: #6cb2de, #da90a9, #a4b16b
- Tetradic: #6cb2de, #b09cde, #d79a6c, #a4b16b
- Square: #6cb2de, #ca94c8, #d79a6c, #7fba87
- Monochromatic: #6cb2de, #1e6991, #478db7, #92d9ff, #ddfaff

## Questions about #6cb2de

### What color is #6cb2de?

#6cb2de is soft light sky blue. The closest named color is Xavier Blue. In RGB it is rgb(108, 178, 222), in HSL hsl(203.16, 63.33%, 64.71%) and in OKLCH oklch(73.433% 0.09537 237.593).

### What colors go well with #6cb2de?

The complementary color of #6cb2de is #d79a6c. For a calmer combination use the analogous colors #55bac8 and #8fa7e6. The triadic partners are #da90a9 and #a4b16b.

### Is white or black text more readable on #6cb2de?

Black text reads better on #6cb2de: white gives a contrast ratio of 2.32:1 and black gives 9.06:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #6cb2de a warm or cool color?

#6cb2de is a cool color. In OKLCH its hue is 238 degrees, its lightness 73.4% and its chroma 0.095.