# #72b4e3 color: Xavier Blue

#72b4e3 is rgb(114, 180, 227) in RGB and oklch(74.381% 0.0959 240.75) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/72b4e3

## Formats

| Format | Value |
| --- | --- |
| HEX | #72b4e3 |
| RGB | rgb(114, 180, 227) |
| HSL | hsl(204.96, 66.86%, 66.86%) |
| HSB / HSV | hsv(204.96 49.78% 89.02%) |
| HWB | hwb(204.96 44.71% 10.98%) |
| CMYK | cmyk(50% 21% 0% 11%) |
| Lab | lab(70.26 -12.09 -30.64) |
| LCH | lch(70.26 32.94 248.46) |
| OKLab | oklab(74.381% -0.04686 -0.08367) |
| OKLCH | oklch(74.381% 0.0959 240.75) |
| Display P3 | color(display-p3 0.50578 0.6992 0.87316) |
| Rec. 2020 | color(rec2020 0.52964 0.66048 0.85536) |
| Adobe RGB | color(a98-rgb 0.53274 0.70001 0.88021) |
| ProPhoto RGB | color(prophoto-rgb 0.55607 0.63122 0.83405) |
| Linear sRGB | color(srgb-linear 0.16827 0.45641 0.76815) |
| XYZ D65 | color(xyz-d65 0.37123 0.41765 0.78781) |
| XYZ D50 | color(xyz-d50 0.35907 0.4112 0.59519) |
| SwiftUI | Color(red: 0.447, green: 0.706, blue: 0.89) |
| UIKit | UIColor(red: 0.447, green: 0.706, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF72B4E3) |
| Android XML | #72B4E3 |

## 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.35:1

## Tints

#72b4e3, #81bce6, #8fc3e9, #9ecbec, #acd2ef, #badaf2, #c7e1f5, #d5e9f7, #e3f0fa, #f1f8fd

## Shades

#72b4e3, #629cc5, #5385a8, #446e8c, #365871, #284457, #1b303f, #0e1d27, #040c12, #010203

## Tones

#72b4e3, #79b3de, #7fb3d8, #86b2d3, #8cb1cd, #92b1c8, #97b0c2, #9cafbd, #a2aeb7, #a7adb2

## Harmonies

- Complementary: #72b4e3, #d99e6c
- Split: #72b4e3, #e29587, #c3aa62
- Analogous: #72b4e3, #59bcce, #95a9e9
- Triadic: #72b4e3, #df92a9, #a3b56f
- Tetradic: #72b4e3, #b69ee0, #d99e6c, #a3b56f
- Square: #72b4e3, #cf96c8, #d99e6c, #7ebe8d
- Monochromatic: #72b4e3, #276a96, #4d8ebc, #98dbff, #dff9ff

## Questions about #72b4e3

### What color is #72b4e3?

#72b4e3 is soft light sky blue. The closest named color is Xavier Blue. In RGB it is rgb(114, 180, 227), in HSL hsl(204.96, 66.86%, 66.86%) and in OKLCH oklch(74.381% 0.0959 240.75).

### What colors go well with #72b4e3?

The complementary color of #72b4e3 is #d99e6c. For a calmer combination use the analogous colors #59bcce and #95a9e9. The triadic partners are #df92a9 and #a3b56f.

### Is white or black text more readable on #72b4e3?

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

### Is #72b4e3 a warm or cool color?

#72b4e3 is a cool color. In OKLCH its hue is 241 degrees, its lightness 74.4% and its chroma 0.096.