# #2caaff color: Xed

#2caaff is rgb(44, 170, 255) in RGB and oklch(71.159% 0.16221 244.35) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2caaff

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caaff |
| RGB | rgb(44, 170, 255) |
| HSL | hsl(204.17, 100%, 58.63%) |
| HSB / HSV | hsv(204.17 82.75% 100%) |
| HWB | hwb(204.17 17.25% 0%) |
| CMYK | cmyk(83% 33% 0% 0%) |
| Lab | lab(66.09 -11.72 -52.5) |
| LCH | lch(66.09 53.8 257.41) |
| OKLab | oklab(71.159% -0.07022 -0.14623) |
| OKLCH | oklch(71.159% 0.16221 244.35) |
| Display P3 | color(display-p3 0.33553 0.65722 0.97317) |
| Rec. 2020 | color(rec2020 0.42318 0.61425 0.96539) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.98873) |
| ProPhoto RGB | color(prophoto-rgb 0.49946 0.58568 0.9508) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 1) |
| XYZ D65 | color(xyz-d65 0.33461 0.36503 0.99893) |
| XYZ D50 | color(xyz-d50 0.30888 0.3544 0.75347) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 1) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAAFF) |
| Android XML | #2CAAFF |

## Facts

- Closest name: Xed
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.53:1
- Contrast with black: 8.3:1

## Tints

#2caaff, #4cb3ff, #65bcff, #7bc5ff, #8fceff, #a3d6ff, #b5dfff, #c8e7ff, #dbefff, #edf7ff

## Shades

#2caaff, #2593de, #1e7dbe, #17689e, #115380, #0a3f63, #052d48, #021b2e, #010b16, #000103

## Tones

#2caaff, #42aaf6, #52aaed, #5fa9e4, #6ba9db, #76a8d1, #80a7c8, #89a6bf, #92a5b5, #9aa3ac

## Harmonies

- Complementary: #2caaff, #e68800
- Split: #2caaff, #f67759, #c39e00
- Analogous: #2caaff, #00b8d9, #8497ff
- Triadic: #2caaff, #f27196, #8cb22a
- Tetradic: #2caaff, #b985f3, #e68800, #8cb22a
- Square: #2caaff, #dd77cb, #e68800, #31bf72
- Monochromatic: #2caaff, #005fa7, #0084d6, #85d0ff, #d5f3ff

## Questions about #2caaff

### What color is #2caaff?

#2caaff is bright light sky blue. The closest named color is Xed. In RGB it is rgb(44, 170, 255), in HSL hsl(204.17, 100%, 58.63%) and in OKLCH oklch(71.159% 0.16221 244.35).

### What colors go well with #2caaff?

The complementary color of #2caaff is #e68800. For a calmer combination use the analogous colors #00b8d9 and #8497ff. The triadic partners are #f27196 and #8cb22a.

### Is white or black text more readable on #2caaff?

Black text reads better on #2caaff: white gives a contrast ratio of 2.53:1 and black gives 8.3:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2caaff a warm or cool color?

#2caaff is a cool color. In OKLCH its hue is 244 degrees, its lightness 71.2% and its chroma 0.162.