Tailwind CSS Colors

Cyan 500

#06B6D4

Tailwind classes

Backgroundbg-cyan-500
Texttext-cyan-500
Borderborder-cyan-500
Ringring-cyan-500

CSS Values

HEX#06B6D4
RGBrgb(6, 182, 212)
HSLhsl(189, 94%, 43%)
HSL (modern)hsl(189deg 94% 43%)
OKLCHoklch(71.5% 0.1257 215deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.43:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.65:1AA: PassAAA: PassAA Large: Pass

Other Cyan shades

Nearest Named Colors

See all
Material Design
cyan-a700
Open Color
cyan-5
Radix Colors
cyan-8
iOS HIG
system-teal
Crayola
cerulean
Munsell
5B-7-6
Ant Design
cyan-6
Bootstrap 5
cyan-600
CSS Named
lightseagreen
RAL Classic
6034