Radix Colors

Cyan 4

#CAF1F6

CSS Values

CSS Variablevar(--cyan-4)
HEX#CAF1F6
RGBrgb(202, 241, 246)
HSLhsl(187, 71%, 88%)
HSL (modern)hsl(187deg 71% 88%)
OKLCHoklch(93.2% 0.0409 206deg)

Dark mode equivalent

Cyan Dark 4
#003848

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.21:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.42:1AA: PassAAA: PassAA Large: Pass

Other Cyan steps

Nearest Named Colors

See all
Bootstrap 5
cyan-100
Open Color
cyan-1
Tailwind CSS
cyan-100
Material Design
teal-50
Ant Design
cyan-2
CSS Named
paleturquoise
iOS HIG
system-fill
Munsell
N-9
Crayola
white
RAL Classic
9002