Cyan color meaning: symbolism, psychology and how to use it
#00FFFF
oklch(0.905 0.155 194.8)
What cyan symbolizes
Cyan is the bright blue-green at the cool end of green and the greenish end of blue. It is the colour of clear shallow water, swimming pools, ice and a bright, cloudless horizon, so it stands for freshness, cleanliness, clarity and openness. It also has a strong technological association: neon glows, sci-fi interfaces and digital screens often use cyan, giving it a futuristic and energetic feel. The less flattering readings are coldness, artificiality and, at full intensity, harshness.
Cyan has a precise technical identity that most other colour names lack. In printing it is one of the process inks (cyan, magenta, yellow and black, CMYK). On a screen it is the colour you see when green and blue light are mixed at full strength. The word itself comes from the Greek for a dark blue, which is a reminder that colour names have drifted over time.
Cyan color psychology: what the research says
As with teal, there is little research on cyan in its own right. What exists is general evidence about cool, short-wavelength colours: they are commonly rated as calm and clean, and people tend to describe them as less aggressive than warm hues. For cyan specifically, claims about boosting concentration or lowering stress should be treated as unproven.
There is a perceptual story that is easier to defend. Pure cyan is extremely light for a saturated colour, and in a dark interface it stands out sharply, which is why it appears for cursors, highlights and glowing outlines. The same property makes it a poor text colour on white. Its brightness is part of what makes it feel "electric".
Cyan also has a real link to the science of light. Short-wavelength light in the blue and cyan region affects the body clock and alertness in people, which is why night modes on devices reduce it in the evening. That is an effect of light intensity and timing, not a statement that the colour cyan is psychologically stimulating, but it is one reason designers think carefully about bright cyan on screens at night.
Cultural meanings of cyan
- Printing and publishing. Cyan is one of the four standard process colours (CMYK) and often the first plate people think of; in print terminology it is the cool counterpart of magenta.
- Digital culture. Neon cyan is closely linked with cyberpunk visuals, retro-futurism, gaming and sci-fi user interfaces.
- Western countries. Pools, tropical water, ice, cleanliness products and sports teams in aqua; the word "aqua" is used for essentially the same colour.
- Pacific and Caribbean regions. The shallow lagoon colour of tropical seas is the image most people link to cyan and turquoise, and it is widely used in tourism imagery.
Cyan in branding and marketing
Cyan and its close relatives are popular in technology, communication and water-related brands. A bright cyan-blue was long associated with consumer internet and messaging products, and light blue-greens are common in cleaning, hygiene and bottled water brands. Where a brand wants to appear friendly and modern rather than formal, cyan is often a better fit than navy.
In print and packaging, cyan has the odd distinction that the pure ink colour is not the same as the screen cyan: #00ffff on a monitor is more vivid than any CMYK cyan ink, which is why print designers see the bright screen cyan dull when sent to press. If your brand needs to look the same in both media, choose a slightly deeper cyan that both can reproduce.
Pure cyan is a difficult primary brand colour because it is hard to read on white. It is usually used as an accent, a gradient end, or as a background for dark text and white sections.
Cyan in UI and web design
In interfaces cyan is typically used for information, highlights, links in dark themes, selection and data visualisation. It is a natural candidate for dark UI because of its high lightness: on a dark blue or charcoal background it reads clearly without needing an extreme chroma.
On white it is a different story. #00ffff has a WCAG ratio of only about 1.25:1 against white and almost 16.7:1 against black. For links or icons on a light surface, you need a much darker cyan, which in practice becomes teal or a dark cyan; in OKLCH keep the hue near 195 to 215 and drop lightness until the ratio passes. For fills with dark text, bright cyan is excellent.
Cyan sits near the edge of what sRGB can show for its lightness. Wide-gamut screens can show more vivid cyans than the HEX value allows, so an OKLCH value picked on a Display-P3 screen may look duller after export to sRGB. Check how the colour behaves when it is clipped. The picker shows when a chosen OKLCH value leaves the sRGB gamut.
Cyan hex code and color values
- HEX
- #00ffff
- RGB
- rgb(0 255 255)
- HSL
- hsl(180 100% 50%)
- OKLCH
- oklch(0.905 0.155 194.8)
This is the standard CSS value for cyan. See the full set of conversions, tints, shades and harmonies on its #00ffff color page.
CSS custom property
:root {
--color-cyan: #00ffff; /* fallback */
}
@supports (color: oklch(0 0 0)) {
:root {
--color-cyan: oklch(0.905 0.155 194.8);
}
}Shades and tones of cyan
Pale cyans such as light cyan, ice and powder blue are airy and clean, like fresh water or sky. Bright cyan and aqua are vivid, playful and electric. Medium cyans like sky blue and turquoise feel open and friendly, while dark cyans, edging into teal, feel richer, calmer and more reserved.
In the colour-name data, this site assigns hues from roughly 200 to 230 to the cyan family, which leans toward sky and light blue; pure #00ffff itself falls in the neighbouring teal range because its hue is about 195. The distinction is a technical one and the two families blend into each other. Muted, greyed cyans are soft and nostalgic, while neon cyans are firmly digital.
Popular named shades, light to dark
- C2E6EC
Onahau
- B0E0E6
Powder Blue
- AEE0E4
Opal
- ADD8E6
Light Blue
- ABD4E6
Monaco
- 9AD4D8
Dulcet
- 8BD2E3
July
- 87CEEB
Afternoon Sky
- 93C9D0
Bathing
- 99C1CC
Aquatic
- 75BFD2
Cologne
- 4FB9CE
Glimpse
- 78B1BF
Glacier
- 31A6D1
Modal
- 4FA1C0
Brig
- 719CA4
Voyage
- 338DAE
Carol
- 388D95
Aqueous
- 08808E
Briny
- 49747F
Hydro
- 3F7074
Peabody
- 016884
Ansel
- 005B6A
Captive
- 254855
Mallard
The colour library has 1,197 named colours in the cyan family. Browse all cyan colors.
Contrast and accessibility
Cyan (#00ffff) has a WCAG contrast ratio of 1.25:1 against white and 16.74:1 against black. Normal-size text needs 4.5:1 for level AA and 3:1 is enough for large text and UI components.
Test any other combination in the contrast checker.
Cyan color palettes
Colors that go with cyan
In OKLCH, cyan #00ffff has a hue near 195, so its complement is around hue 15: red, coral and hot pink. Cyan with magenta or hot pink is the signature synthwave or cyberpunk pairing, and cyan with orange is a high-energy complementary contrast. Cyan with red is the classic anaglyph 3D combination.
Analogous partners are blue and green: cyan with navy is crisp and technological, and cyan with lime or green is fresh. Cyan on a dark surface with white text is clean and modern. Cyan with yellow is bright and playful. Be careful with cyan and white, which have almost no contrast, and with cyan and light grey.
Frequently asked questions
- What does the color cyan symbolize?
- Cyan is commonly linked with water, fresh air, cleanliness, technology and clarity. It can also feel cold or artificial in large doses.
- What is the hex code for cyan?
- Cyan, also named aqua in CSS, is #00ffff: rgb(0 255 255), hsl(180 100% 50%) and oklch(0.905 0.155 194.8). In print, cyan is one of the CMYK inks, and it looks duller than on screen.
- Is cyan a good color for a logo?
- It can work for technology and water-related brands, but pure cyan has poor contrast on white. Many brands use a deeper cyan-blue, or use cyan as a highlight over dark backgrounds.
- What colors go with cyan?
- Red, coral, orange and magenta are complements; navy and blue are calm neighbours. Dark backgrounds make cyan stand out.
- What is the difference between cyan and aqua?
- In CSS they are the same colour, #00ffff. In everyday language, aqua tends to suggest water and a slightly softer tone.