# #2cafdd color: Highlighter Blue

#2cafdd is rgb(44, 175, 221) in RGB and oklch(70.607% 0.12592 227.305) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2cafdd |
| RGB | rgb(44, 175, 221) |
| HSL | hsl(195.59, 72.24%, 51.96%) |
| HSB / HSV | hsv(195.59 80.09% 86.67%) |
| HWB | hwb(195.59 17.25% 13.33%) |
| CMYK | cmyk(80% 21% 0% 13%) |
| Lab | lab(66.27 -23.7 -33.74) |
| LCH | lch(66.27 41.23 234.91) |
| OKLab | oklab(70.607% -0.08538 -0.09255) |
| OKLCH | oklch(70.607% 0.12592 227.305) |
| Display P3 | color(display-p3 0.34379 0.67653 0.84877) |
| Rec. 2020 | color(rec2020 0.41924 0.63195 0.82834) |
| Adobe RGB | color(a98-rgb 0.40919 0.68035 0.8563) |
| ProPhoto RGB | color(prophoto-rgb 0.46959 0.5988 0.80493) |
| Linear sRGB | color(srgb-linear 0.02519 0.42869 0.72306) |
| XYZ D65 | color(xyz-d65 0.29418 0.36414 0.73887) |
| XYZ D50 | color(xyz-d50 0.27955 0.35676 0.5583) |
| SwiftUI | Color(red: 0.173, green: 0.686, blue: 0.867) |
| UIKit | UIColor(red: 0.173, green: 0.686, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAFDD) |
| Android XML | #2CAFDD |

## 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.54:1
- Contrast with black: 8.28:1

## Tints

#2cafdd, #4db7e1, #66c0e5, #7cc8e8, #90d0ec, #a4d8ef, #b6e0f3, #c9e8f6, #dbeff9, #edf7fc

## Shades

#2cafdd, #2598c0, #1e81a4, #176b88, #11566e, #0a4155, #052e3d, #021c26, #010b11, #000102

## Tones

#2cafdd, #42aed7, #53add1, #60abcb, #6baac5, #76a9bf, #7fa7b9, #88a6b3, #91a4ad, #99a2a6

## Harmonies

- Complementary: #2cafdd, #df8658
- Split: #2cafdd, #e47e83, #cc9537
- Analogous: #2cafdd, #00b8bc, #6ca2ee
- Triadic: #2cafdd, #d97eaf, #a9a53c
- Tetradic: #2cafdd, #9c93ea, #df8658, #a9a53c
- Square: #2cafdd, #c086d4, #df8658, #79b262
- Monochromatic: #2cafdd, #00648a, #0089b6, #5dd6ff, #c3f6ff

## Questions about #2cafdd

### What color is #2cafdd?

#2cafdd is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(44, 175, 221), in HSL hsl(195.59, 72.24%, 51.96%) and in OKLCH oklch(70.607% 0.12592 227.305).

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

The complementary color of #2cafdd is #df8658. For a calmer combination use the analogous colors #00b8bc and #6ca2ee. The triadic partners are #d97eaf and #a9a53c.

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

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

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

#2cafdd is a cool color. In OKLCH its hue is 227 degrees, its lightness 70.6% and its chroma 0.126.