# #6fb4e4 color: Xavier Blue

#6fb4e4 is rgb(111, 180, 228) in RGB and oklch(74.279% 0.09872 240.273) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #6fb4e4 |
| RGB | rgb(111, 180, 228) |
| HSL | hsl(204.62, 68.42%, 66.47%) |
| HSB / HSV | hsv(204.62 51.32% 89.41%) |
| HWB | hwb(204.62 43.53% 10.59%) |
| CMYK | cmyk(51% 21% 0% 11%) |
| Lab | lab(70.15 -12.6 -31.37) |
| LCH | lch(70.15 33.81 248.12) |
| OKLab | oklab(74.279% -0.04895 -0.08573) |
| OKLCH | oklch(74.279% 0.09872 240.273) |
| Display P3 | color(display-p3 0.49754 0.69898 0.87674) |
| Rec. 2020 | color(rec2020 0.52422 0.66005 0.8593) |
| Adobe RGB | color(a98-rgb 0.52626 0.70001 0.88409) |
| ProPhoto RGB | color(prophoto-rgb 0.55264 0.63066 0.8382) |
| Linear sRGB | color(srgb-linear 0.15896 0.45641 0.77582) |
| XYZ D65 | color(xyz-d65 0.36878 0.41622 0.79492) |
| XYZ D50 | color(xyz-d50 0.35611 0.40959 0.60054) |
| SwiftUI | Color(red: 0.435, green: 0.706, blue: 0.894) |
| UIKit | UIColor(red: 0.435, green: 0.706, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF6FB4E4) |
| Android XML | #6FB4E4 |

## Facts

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

## Tints

#6fb4e4, #7ebce7, #8dc3ea, #9ccbed, #aad2f0, #b8daf3, #c7e1f5, #d5e9f8, #e3f0fa, #f1f8fd

## Shades

#6fb4e4, #609cc6, #5185a9, #426e8d, #345872, #274458, #1a303f, #0e1d28, #040c12, #010203

## Tones

#6fb4e4, #76b3df, #7db3d9, #84b2d3, #8ab1ce, #90b0c8, #96b0c3, #9cafbd, #a1aeb7, #a6adb1

## Harmonies

- Complementary: #6fb4e4, #da9d6a
- Split: #6fb4e4, #e39486, #c4a95f
- Analogous: #6fb4e4, #54bdce, #94a9eb
- Triadic: #6fb4e4, #df91a9, #a3b56d
- Tetradic: #6fb4e4, #b59de1, #da9d6a, #a3b56d
- Square: #6fb4e4, #d095c9, #da9d6a, #7dbe8b
- Monochromatic: #6fb4e4, #226a96, #4a8ebd, #95dbff, #dff9ff

## Questions about #6fb4e4

### What color is #6fb4e4?

#6fb4e4 is soft light sky blue. The closest named color is Xavier Blue. In RGB it is rgb(111, 180, 228), in HSL hsl(204.62, 68.42%, 66.47%) and in OKLCH oklch(74.279% 0.09872 240.273).

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

The complementary color of #6fb4e4 is #da9d6a. For a calmer combination use the analogous colors #54bdce and #94a9eb. The triadic partners are #df91a9 and #a3b56d.

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

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

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

#6fb4e4 is a cool color. In OKLCH its hue is 240 degrees, its lightness 74.3% and its chroma 0.099.