# #2baedb color: Highlighter Blue

#2baedb is rgb(43, 174, 219) in RGB and oklch(70.261% 0.125 226.822) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2baedb |
| RGB | rgb(43, 174, 219) |
| HSL | hsl(195.34, 70.97%, 51.37%) |
| HSB / HSV | hsv(195.34 80.37% 85.88%) |
| HWB | hwb(195.34 16.86% 14.12%) |
| CMYK | cmyk(80% 21% 0% 14%) |
| Lab | lab(65.88 -23.88 -33.24) |
| LCH | lch(65.88 40.93 234.31) |
| OKLab | oklab(70.261% -0.08553 -0.09115) |
| OKLCH | oklch(70.261% 0.125 226.822) |
| Display P3 | color(display-p3 0.34067 0.67265 0.84121) |
| Rec. 2020 | color(rec2020 0.41542 0.62768 0.81999) |
| Adobe RGB | color(a98-rgb 0.40615 0.67642 0.84843) |
| ProPhoto RGB | color(prophoto-rgb 0.4651 0.59439 0.79606) |
| Linear sRGB | color(srgb-linear 0.02416 0.42327 0.70838) |
| XYZ D65 | color(xyz-d65 0.28916 0.35898 0.72425) |
| XYZ D50 | color(xyz-d50 0.27491 0.35175 0.54728) |
| SwiftUI | Color(red: 0.169, green: 0.682, blue: 0.859) |
| UIKit | UIColor(red: 0.169, green: 0.682, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF2BAEDB) |
| Android XML | #2BAEDB |

## Facts

- Closest name: Highlighter Blue
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.57:1
- Contrast with black: 8.18:1

## Tints

#2baedb, #4cb6df, #65bfe3, #7bc7e7, #90cfea, #a3d7ee, #b6dff2, #c9e7f5, #dbeff9, #edf7fc

## Shades

#2baedb, #2497be, #1d80a2, #166a87, #10556d, #0a4154, #052e3c, #021c26, #010b11, #000102

## Tones

#2baedb, #42add5, #52accf, #5faac9, #6ba9c4, #75a8be, #7fa6b8, #87a4b2, #90a3ab, #98a1a5

## Harmonies

- Complementary: #2baedb, #de8558
- Split: #2baedb, #e27d83, #cb9437
- Analogous: #2baedb, #00b6ba, #6ba1ec
- Triadic: #2baedb, #d77eae, #a9a43c
- Tetradic: #2baedb, #9a92e9, #de8558, #a9a43c
- Square: #2baedb, #be86d3, #de8558, #79b161
- Monochromatic: #2baedb, #006388, #0088b4, #5cd5ff, #c0f6ff

## Questions about #2baedb

### What color is #2baedb?

#2baedb is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(43, 174, 219), in HSL hsl(195.34, 70.97%, 51.37%) and in OKLCH oklch(70.261% 0.125 226.822).

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

The complementary color of #2baedb is #de8558. For a calmer combination use the analogous colors #00b6ba and #6ba1ec. The triadic partners are #d77eae and #a9a43c.

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

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

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

#2baedb is a cool color. In OKLCH its hue is 227 degrees, its lightness 70.3% and its chroma 0.125.