Skip to content
ColorDB.org
Menu
Color Detail

Cyan

Cyan feels fresh and technical, making it useful in dashboards, futuristic palettes, and digital product accents.

Cool Colors

#06B6D4

cooltechfreshaccent

Color values

Hex
#06B6D4
RGB
rgb(6, 182, 212)
HSL
hsl(189, 94%, 43%)

Overview

Cyan is a cool color with the hex value #06B6D4. It often feels fresh, digital, and bright, which makes it useful for technical products, data dashboards, and energetic cool palettes.

Because cyan is naturally bright, it often works best as an accent, surface tint, or supporting interactive color rather than body text.

Symbolism and context

Cyan may suggest clarity, freshness, technology, motion, or futurism depending on its surroundings.

A strong cyan can feel playful and modern, while a softened cyan tint can feel cleaner and more spacious.

Common design uses

  • • dashboards and data-viz accents
  • • buttons, highlights, and focus rings
  • • cool gradients and digital hero sections
  • • surface tints and technical product accents
  • • supporting color in blue-led systems

Pairing guidance

Cyan pairs well with navy, slate, white, charcoal, and neighboring cool hues.

If cyan is the main accent, a small warm accent can keep the layout from feeling too cold or uniform.

Use darker cyan variants when the color needs to hold text or tighter UI detail.

Accessibility notes

Cyan can fail quickly on white if it is used for text or small icons. Test the exact pair instead of assuming the hue difference is enough.

Focus rings and link states in cyan need enough surrounding contrast to remain visible.

Check this color in the contrast checker

Related colors

Blue#2563EBGreen#22C55EPurple#7C3AED

Related tools

Convert this colorTranslate the same color into HEX, RGB, HSL, or HSV.Check contrastTest text, buttons, and surfaces before using the color in UI.Generate shades and tintsBuild lighter and darker variants for surfaces, hover states, and text.Build a paletteSee how this color behaves once it becomes part of a broader system.

Explore this family

Family pages help compare colors that share a broader visual role, making it easier to move from one isolated swatch to a more usable palette direction.

Browse Cool Colors

Keep learning

FAQ

Questions people usually ask next

What is the hex value of Cyan?

The hex value is #06B6D4.

What family does Cyan belong to?

Cyan belongs to the cool-colors family in ColorDB.

Is Cyan good for text?

It depends on the background. Test the exact contrast pair before using it for text or small UI labels.

What colors pair well with Cyan?

Good pairings depend on the intended mood. Neutrals are usually a safe starting point, and related colors from the same family can create a smoother palette.

Can I use Cyan in CSS?

Yes. You can use its HEX, RGB, or HSL value in CSS.