Tailwind CSS Colors
Cyan 400
#22D3EETailwind classes
Backgroundbg-cyan-400
Texttext-cyan-400
Borderborder-cyan-400
Ringring-cyan-400
CSS Values
HEX#22D3EE
RGBrgb(34, 211, 238)
HSLhsl(188, 86%, 53%)
HSL (modern)hsl(188deg 86% 53%)
OKLCHoklch(79.7% 0.1339 212deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.81:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.62:1AA: PassAAA: PassAA Large: Pass
Other Cyan shades
Nearest Named Colors
See allBootstrap 5cyan-400
Material Designcyan-300
Open Colorcyan-4
CSS Nameddarkturquoise
Crayolarobins-egg-blue
Ant Designcyan-5
Radix Colorscyan-7
iOS HIGsystem-mint
Munsell5B-7-6
RAL Classic6027