# #69b3df color: Xavier Blue

#69b3df is rgb(105, 179, 223) in RGB and oklch(73.56% 0.09774 236.288) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/69b3df

## Formats

| Format | Value |
| --- | --- |
| HEX | #69b3df |
| RGB | rgb(105, 179, 223) |
| HSL | hsl(202.37, 64.84%, 64.31%) |
| HSB / HSV | hsv(202.37 52.91% 87.45%) |
| HWB | hwb(202.37 41.18% 12.55%) |
| CMYK | cmyk(53% 20% 0% 13%) |
| Lab | lab(69.42 -14.69 -29.8) |
| LCH | lch(69.42 33.22 243.76) |
| OKLab | oklab(73.56% -0.05425 -0.0813) |
| OKLCH | oklch(73.56% 0.09774 236.288) |
| Display P3 | color(display-p3 0.48025 0.69472 0.85805) |
| Rec. 2020 | color(rec2020 0.50957 0.65472 0.83871) |
| Adobe RGB | color(a98-rgb 0.51202 0.69608 0.86455) |
| ProPhoto RGB | color(prophoto-rgb 0.5377 0.62443 0.81637) |
| Linear sRGB | color(srgb-linear 0.14126 0.45079 0.73791) |
| XYZ D65 | color(xyz-d65 0.35263 0.4057 0.75787) |
| XYZ D50 | color(xyz-d50 0.3408 0.39932 0.57267) |
| SwiftUI | Color(red: 0.412, green: 0.702, blue: 0.875) |
| UIKit | UIColor(red: 0.412, green: 0.702, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF69B3DF) |
| Android XML | #69B3DF |

## 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.3:1
- Contrast with black: 9.11:1

## Tints

#69b3df, #79bbe3, #89c2e6, #98cae9, #a7d2ed, #b6d9f0, #c5e1f3, #d3e8f6, #e2f0f9, #f0f7fc

## Shades

#69b3df, #5a9bc2, #4c84a5, #3e6e8a, #31586f, #244356, #182f3d, #0c1d27, #040c12, #000102

## Tones

#69b3df, #71b2da, #79b1d5, #80b1cf, #86b0ca, #8dafc5, #93aebf, #99adba, #9eacb4, #a4aaaf

## Harmonies

- Complementary: #69b3df, #d9996c
- Split: #69b3df, #e09189, #c5a55e
- Analogous: #69b3df, #52bbc8, #8da8e8
- Triadic: #69b3df, #db8fab, #a6b168
- Tetradic: #69b3df, #af9de0, #d9996c, #a6b168
- Square: #69b3df, #ca94ca, #d9996c, #80ba85
- Monochromatic: #69b3df, #186992, #438db8, #8fdaff, #dcfaff

## Questions about #69b3df

### What color is #69b3df?

#69b3df is soft light sky blue. The closest named color is Xavier Blue. In RGB it is rgb(105, 179, 223), in HSL hsl(202.37, 64.84%, 64.31%) and in OKLCH oklch(73.56% 0.09774 236.288).

### What colors go well with #69b3df?

The complementary color of #69b3df is #d9996c. For a calmer combination use the analogous colors #52bbc8 and #8da8e8. The triadic partners are #db8fab and #a6b168.

### Is white or black text more readable on #69b3df?

Black text reads better on #69b3df: white gives a contrast ratio of 2.3:1 and black gives 9.11:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #69b3df a warm or cool color?

#69b3df is a cool color. In OKLCH its hue is 236 degrees, its lightness 73.6% and its chroma 0.098.