UI Design Token: Cyan
#06B6D4 Color Code
#06B6D4 is a curated cyan tone (Tech Accents, Metrics & Active Indicators). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#06B6D4
Cyan
RGB: 6, 182, 212
HEX
#06B6D4
RGB
rgb(6, 182, 212)
HSL
hsl(189, 94%, 43%)
Complementary
#D52607
50 â 950 Tailwind Shades Scale for #06B6D4
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
2.43:1
WCAG AA: Fail
On Slate Dark (#0F172A)
7.35:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-cyan: #06B6D4;
--color-cyan-rgb: 6, 182, 212;
--color-cyan-hsl: 189deg 94% 43%;
--color-cyan-comp: #D52607;
}