# #67b3df color: Xavier Blue

#67b3df is rgb(103, 179, 223) in RGB and oklch(73.47% 0.09894 235.683) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #67b3df |
| RGB | rgb(103, 179, 223) |
| HSL | hsl(202, 65.22%, 63.92%) |
| HSB / HSV | hsv(202 53.81% 87.45%) |
| HWB | hwb(202 40.39% 12.55%) |
| CMYK | cmyk(54% 20% 0% 13%) |
| Lab | lab(69.33 -15.15 -29.94) |
| LCH | lch(69.33 33.56 243.16) |
| OKLab | oklab(73.47% -0.05578 -0.08172) |
| OKLCH | oklch(73.47% 0.09894 235.683) |
| Display P3 | color(display-p3 0.47495 0.69459 0.85799) |
| Rec. 2020 | color(rec2020 0.50596 0.65442 0.83865) |
| Adobe RGB | color(a98-rgb 0.50792 0.69608 0.86455) |
| ProPhoto RGB | color(prophoto-rgb 0.53498 0.62399 0.81631) |
| Linear sRGB | color(srgb-linear 0.13563 0.45079 0.73791) |
| XYZ D65 | color(xyz-d65 0.35031 0.4045 0.75776) |
| XYZ D50 | color(xyz-d50 0.33834 0.39807 0.57259) |
| SwiftUI | Color(red: 0.404, green: 0.702, blue: 0.875) |
| UIKit | UIColor(red: 0.404, green: 0.702, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF67B3DF) |
| Android XML | #67B3DF |

## 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.31:1
- Contrast with black: 9.09:1

## Tints

#67b3df, #78bbe3, #88c2e6, #97cae9, #a6d2ed, #b5d9f0, #c4e1f3, #d3e8f6, #e2f0f9, #f0f7fc

## Shades

#67b3df, #599bc2, #4b84a5, #3d6e8a, #30586f, #234356, #172f3d, #0c1d27, #040c12, #000102

## Tones

#67b3df, #6fb2da, #77b1d4, #7eb1cf, #85b0ca, #8cafc4, #92aebf, #98adba, #9eabb4, #a3aaaf

## Harmonies

- Complementary: #67b3df, #d9996b
- Split: #67b3df, #e19089, #c5a55d
- Analogous: #67b3df, #50bbc7, #8ba8e8
- Triadic: #67b3df, #db8fab, #a6b167
- Tetradic: #67b3df, #ae9de1, #d9996b, #a6b167
- Square: #67b3df, #ca93cb, #d9996b, #80ba83
- Monochromatic: #67b3df, #146992, #418db8, #8ddaff, #dcfaff

## Questions about #67b3df

### What color is #67b3df?

#67b3df is soft light sky blue. The closest named color is Xavier Blue. In RGB it is rgb(103, 179, 223), in HSL hsl(202, 65.22%, 63.92%) and in OKLCH oklch(73.47% 0.09894 235.683).

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

The complementary color of #67b3df is #d9996b. For a calmer combination use the analogous colors #50bbc7 and #8ba8e8. The triadic partners are #db8fab and #a6b167.

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

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

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

#67b3df is a cool color. In OKLCH its hue is 236 degrees, its lightness 73.5% and its chroma 0.099.