# #2baaff color: Xed

#2baaff is rgb(43, 170, 255) in RGB and oklch(71.141% 0.16244 244.255) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2baaff |
| RGB | rgb(43, 170, 255) |
| HSL | hsl(204.06, 100%, 58.43%) |
| HSB / HSV | hsv(204.06 83.14% 100%) |
| HWB | hwb(204.06 16.86% 0%) |
| CMYK | cmyk(83% 33% 0% 0%) |
| Lab | lab(66.07 -11.81 -52.53) |
| LCH | lch(66.07 53.84 257.33) |
| OKLab | oklab(71.141% -0.07056 -0.14631) |
| OKLCH | oklch(71.141% 0.16244 244.255) |
| Display P3 | color(display-p3 0.33403 0.6572 0.97316) |
| Rec. 2020 | color(rec2020 0.42239 0.61419 0.96539) |
| Adobe RGB | color(a98-rgb 0.39793 0.66074 0.98873) |
| ProPhoto RGB | color(prophoto-rgb 0.49893 0.58559 0.95079) |
| Linear sRGB | color(srgb-linear 0.02416 0.40198 1) |
| XYZ D65 | color(xyz-d65 0.33418 0.36481 0.99891) |
| XYZ D50 | color(xyz-d50 0.30844 0.35417 0.75346) |
| SwiftUI | Color(red: 0.169, green: 0.667, blue: 1) |
| UIKit | UIColor(red: 0.169, green: 0.667, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF2BAAFF) |
| Android XML | #2BAAFF |

## 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

#2baaff, #4cb3ff, #65bcff, #7ac5ff, #8fceff, #a2d6ff, #b5dfff, #c8e7ff, #daefff, #edf7ff

## Shades

#2baaff, #2493de, #1d7dbe, #16689e, #105380, #0a3f63, #052d48, #021b2e, #010b16, #000103

## Tones

#2baaff, #41aaf6, #52aaed, #5fa9e4, #6ba9db, #76a8d1, #7fa7c8, #89a6bf, #91a5b5, #9aa3ac

## Harmonies

- Complementary: #2baaff, #e68800
- Split: #2baaff, #f67759, #c39e00
- Analogous: #2baaff, #00b8d9, #8497ff
- Triadic: #2baaff, #f27196, #8db229
- Tetradic: #2baaff, #b985f3, #e68800, #8db229
- Square: #2baaff, #dd77cb, #e68800, #31be72
- Monochromatic: #2baaff, #005fa6, #0084d6, #85d0ff, #d5f3ff

## Questions about #2baaff

### What color is #2baaff?

#2baaff is bright light sky blue. The closest named color is Xed. In RGB it is rgb(43, 170, 255), in HSL hsl(204.06, 100%, 58.43%) and in OKLCH oklch(71.141% 0.16244 244.255).

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

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

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

Black text reads better on #2baaff: 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 #2baaff a warm or cool color?

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