# #2aaaff color: Xed

#2aaaff is rgb(42, 170, 255) in RGB and oklch(71.123% 0.16266 244.162) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aaaff |
| RGB | rgb(42, 170, 255) |
| HSL | hsl(203.94, 100%, 58.24%) |
| HSB / HSV | hsv(203.94 83.53% 100%) |
| HWB | hwb(203.94 16.47% 0%) |
| CMYK | cmyk(84% 33% 0% 0%) |
| Lab | lab(66.05 -11.9 -52.56) |
| LCH | lch(66.05 53.89 257.24) |
| OKLab | oklab(71.123% -0.07089 -0.1464) |
| OKLCH | oklch(71.123% 0.16266 244.162) |
| Display P3 | color(display-p3 0.33256 0.65717 0.97316) |
| Rec. 2020 | color(rec2020 0.42161 0.61413 0.96538) |
| Adobe RGB | color(a98-rgb 0.39694 0.66074 0.98873) |
| ProPhoto RGB | color(prophoto-rgb 0.49841 0.58551 0.95078) |
| Linear sRGB | color(srgb-linear 0.02315 0.40198 1) |
| XYZ D65 | color(xyz-d65 0.33377 0.3646 0.99889) |
| XYZ D50 | color(xyz-d50 0.308 0.35394 0.75345) |
| SwiftUI | Color(red: 0.165, green: 0.667, blue: 1) |
| UIKit | UIColor(red: 0.165, green: 0.667, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF2AAAFF) |
| Android XML | #2AAAFF |

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

## Tints

#2aaaff, #4bb3ff, #64bcff, #7ac5ff, #8fceff, #a2d6ff, #b5dfff, #c8e7ff, #daefff, #edf7ff

## Shades

#2aaaff, #2393de, #1c7dbe, #16689e, #105380, #0a3f63, #052d48, #021b2e, #010b16, #000103

## Tones

#2aaaff, #41aaf6, #51aaed, #5fa9e4, #6ba9db, #75a8d1, #7fa7c8, #89a6bf, #91a5b5, #9aa3ac

## Harmonies

- Complementary: #2aaaff, #e68800
- Split: #2aaaff, #f67759, #c39e00
- Analogous: #2aaaff, #00b7d9, #8497ff
- Triadic: #2aaaff, #f27196, #8db228
- Tetradic: #2aaaff, #b985f3, #e68800, #8db228
- Square: #2aaaff, #dd77cb, #e68800, #31be71
- Monochromatic: #2aaaff, #005fa6, #0084d6, #85d0ff, #d5f3ff

## Questions about #2aaaff

### What color is #2aaaff?

#2aaaff is bright light sky blue. The closest named color is Xed. In RGB it is rgb(42, 170, 255), in HSL hsl(203.94, 100%, 58.24%) and in OKLCH oklch(71.123% 0.16266 244.162).

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

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

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

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

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

#2aaaff is a cool color. In OKLCH its hue is 244 degrees, its lightness 71.1% and its chroma 0.163.