# #71b4e5 color: Xavier Blue

#71b4e5 is rgb(113, 180, 229) in RGB and oklch(74.418% 0.0986 241.528) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/71b4e5

## Formats

| Format | Value |
| --- | --- |
| HEX | #71b4e5 |
| RGB | rgb(113, 180, 229) |
| HSL | hsl(205.34, 69.05%, 67.06%) |
| HSB / HSV | hsv(205.34 50.66% 89.8%) |
| HWB | hwb(205.34 44.31% 10.2%) |
| CMYK | cmyk(51% 21% 0% 10%) |
| Lab | lab(70.28 -11.89 -31.71) |
| LCH | lch(70.28 33.86 249.45) |
| OKLab | oklab(74.418% -0.047 -0.08667) |
| OKLCH | oklch(74.418% 0.0986 241.528) |
| Display P3 | color(display-p3 0.50302 0.69912 0.88046) |
| Rec. 2020 | color(rec2020 0.52837 0.66045 0.86339) |
| Adobe RGB | color(a98-rgb 0.53057 0.70001 0.88798) |
| ProPhoto RGB | color(prophoto-rgb 0.55652 0.63132 0.84253) |
| Linear sRGB | color(srgb-linear 0.16513 0.45641 0.78354) |
| XYZ D65 | color(xyz-d65 0.37272 0.41809 0.80237) |
| XYZ D50 | color(xyz-d50 0.3599 0.41143 0.60613) |
| SwiftUI | Color(red: 0.443, green: 0.706, blue: 0.898) |
| UIKit | UIColor(red: 0.443, green: 0.706, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFF71B4E5) |
| Android XML | #71B4E5 |

## 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.24:1
- Contrast with black: 9.36:1

## Tints

#71b4e5, #80bce8, #8fc3eb, #9dcbee, #abd2f0, #b9daf3, #c7e1f6, #d5e9f8, #e3f0fa, #f1f8fd

## Shades

#71b4e5, #619cc7, #5285aa, #436e8e, #355872, #274458, #1a303f, #0e1d28, #040c12, #010203

## Tones

#71b4e5, #78b3df, #7fb3da, #85b2d4, #8bb1cf, #91b1c9, #97b0c3, #9cafbe, #a2aeb8, #a7adb2

## Harmonies

- Complementary: #71b4e5, #d99e6a
- Split: #71b4e5, #e39585, #c3aa60
- Analogous: #71b4e5, #56bdd0, #96a9eb
- Triadic: #71b4e5, #e092a8, #a2b66e
- Tetradic: #71b4e5, #b79de1, #d99e6a, #a2b66e
- Square: #71b4e5, #d195c8, #d99e6a, #7cbe8d
- Monochromatic: #71b4e5, #266a97, #4c8ebe, #98dbff, #dff9ff

## Questions about #71b4e5

### What color is #71b4e5?

#71b4e5 is soft light sky blue. The closest named color is Xavier Blue. In RGB it is rgb(113, 180, 229), in HSL hsl(205.34, 69.05%, 67.06%) and in OKLCH oklch(74.418% 0.0986 241.528).

### What colors go well with #71b4e5?

The complementary color of #71b4e5 is #d99e6a. For a calmer combination use the analogous colors #56bdd0 and #96a9eb. The triadic partners are #e092a8 and #a2b66e.

### Is white or black text more readable on #71b4e5?

Black text reads better on #71b4e5: white gives a contrast ratio of 2.24:1 and black gives 9.36:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #71b4e5 a warm or cool color?

#71b4e5 is a cool color. In OKLCH its hue is 242 degrees, its lightness 74.4% and its chroma 0.099.