Color guide
Cyan Color
#06B6D4
cyan color codes
What cyan means
Cyan evokes clarity, technology and fresh water. Its electric quality makes interfaces feel fast and modern.
How to use it in design
Used for data visualization, developer tools and futuristic accents. Watch contrast on white backgrounds.
Color combinations with cyan
Harmonies calculated with color theory for the base hue 189°.
Complementary
Maximum contrast: #06B6D4 + #D52607
Analogous
Harmony at ±30°: #07D58D · #06B6D4 · #074FD5
Triadic
Even 120° spacing: #06B6D4 · #D507B6 · #B6D507
cyan color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #06B6D4.
Colors that go well with cyan
FAQ about the cyan color
What is the HEX code of cyan?
A widely used hex value for cyan is #06B6D4, which equals rgb(6, 182, 212). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (189°).
What colors go well with cyan?
cyan pairs beautifully with navy, charcoal, white, amber. Its complementary color is #D52607, and a classic triadic scheme adds #D507B6 and #B6D507.
Is cyan accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping cyan in text or UI elements.
Create your own cyan palette
Generate harmonious combinations from #06B6D4 in seconds.
Open the palette generator