Radix Colors

Teal 4

#CCF3EA

CSS Values

CSS Variablevar(--teal-4)
HEX#CCF3EA
RGBrgb(204, 243, 234)
HSLhsl(166, 62%, 88%)
HSL (modern)hsl(166deg 62% 88%)
OKLCHoklch(93.4% 0.0421 180deg)

Dark mode equivalent

Teal Dark 4
#023B37

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.19:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.58:1AA: PassAAA: PassAA Large: Pass

Other Teal steps

Nearest Named Colors

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