# #33aedb color: Highlighter Blue

#33aedb is rgb(51, 174, 219) in RGB and oklch(70.42% 0.12247 227.595) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/33aedb

## Formats

| Format | Value |
| --- | --- |
| HEX | #33aedb |
| RGB | rgb(51, 174, 219) |
| HSL | hsl(196.07, 70%, 52.94%) |
| HSB / HSV | hsv(196.07 76.71% 85.88%) |
| HWB | hwb(196.07 20% 14.12%) |
| CMYK | cmyk(77% 21% 0% 14%) |
| Lab | lab(66.04 -22.99 -32.99) |
| LCH | lch(66.04 40.21 235.12) |
| OKLab | oklab(70.42% -0.08259 -0.09043) |
| OKLCH | oklch(70.42% 0.12247 227.595) |
| Display P3 | color(display-p3 0.35316 0.67287 0.84129) |
| Rec. 2020 | color(rec2020 0.42238 0.62818 0.82008) |
| Adobe RGB | color(a98-rgb 0.41462 0.67642 0.84843) |
| ProPhoto RGB | color(prophoto-rgb 0.46993 0.59513 0.79616) |
| Linear sRGB | color(srgb-linear 0.0331 0.42327 0.70838) |
| XYZ D65 | color(xyz-d65 0.29285 0.36089 0.72443) |
| XYZ D50 | color(xyz-d50 0.27881 0.35374 0.5474) |
| SwiftUI | Color(red: 0.2, green: 0.682, blue: 0.859) |
| UIKit | UIColor(red: 0.2, green: 0.682, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF33AEDB) |
| Android XML | #33AEDB |

## 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.56:1
- Contrast with black: 8.22:1

## Tints

#33aedb, #51b6df, #69bfe3, #7ec7e7, #92cfea, #a5d7ee, #b7dff2, #c9e7f5, #dbeff9, #edf7fc

## Shades

#33aedb, #2b97be, #2380a2, #1c6a87, #14556d, #0d4154, #072e3c, #031c26, #010b11, #000102

## Tones

#33aedb, #46add5, #55accf, #62abca, #6da9c4, #77a8be, #80a6b8, #89a5b2, #91a3ac, #98a1a6

## Harmonies

- Complementary: #33aedb, #dd8759
- Split: #33aedb, #e17e83, #ca953b
- Analogous: #33aedb, #00b6bb, #6ea1eb
- Triadic: #33aedb, #d77fae, #a8a540
- Tetradic: #33aedb, #9c93e8, #dd8759, #a8a540
- Square: #33aedb, #bf87d1, #dd8759, #79b164
- Monochromatic: #33aedb, #00648a, #0088b4, #62d5ff, #c2f6ff

## Questions about #33aedb

### What color is #33aedb?

#33aedb is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(51, 174, 219), in HSL hsl(196.07, 70%, 52.94%) and in OKLCH oklch(70.42% 0.12247 227.595).

### What colors go well with #33aedb?

The complementary color of #33aedb is #dd8759. For a calmer combination use the analogous colors #00b6bb and #6ea1eb. The triadic partners are #d77fae and #a8a540.

### Is white or black text more readable on #33aedb?

Black text reads better on #33aedb: white gives a contrast ratio of 2.56:1 and black gives 8.22:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #33aedb a warm or cool color?

#33aedb is a cool color. In OKLCH its hue is 228 degrees, its lightness 70.4% and its chroma 0.122.