Solid Cyan Background #00FFFF

Solid cyan background, hex #00FFFF, 1920x1080 HD wallpaper

Copy CSS snippets

Ready to copy

Lightness: 50%

Saturation: 100%

Solid Cyan background details

With hex #00FFFF (rgb(0, 255, 255)), this versatile mid-tone blue tone sits around 180° on the color wheel. Its bold, saturated appearance reads as focused and trustworthy on screen. Use the values and preview above to test it in the layout where it will actually appear.

Cyan, the C in CMYK

Printers know this color as a primary. Cyan is the C in CMYK, one of the three inks that, layered with magenta and yellow, mix most of the printable spectrum. The screen version at #00FFFF is more aggressive than any ink: green and blue channels at full power, a color your monitor renders more vividly than paper ever will.

That intensity limits it as a background and weaponizes it as an accent. Full cyan on black is the look of oscilloscopes, terminal cursors, and retro-future interfaces, and it remains one of the highest-contrast accents available for dark designs. At full field strength it tires the eye quickly, so give it edges, lines, and type rather than walls.

A palette that works with Cyan

Magenta and yellow complete the printer's primary triad, and matte black is the surface all three read most electrically against.

Quick specs

HEX: #00FFFF
RGB: rgb(0, 255, 255)
HSL: hsl(180, 100%, 50%)
Readable text: #FFFFFF

background-color: #00FFFF;

Where Cyan shines

Tech or finance dashboards that need a trustworthy base hue
Cyan backdrops for travel, sky, or ocean-inspired campaigns
Presentation slides where cool tones keep focus on the data

Practical tips

Both dark and light copy read well here—use weight/size to dial in emphasis (the Copy RGB/HEX buttons above make it easy to grab the exact values).
Use the adjustment sliders to nudge the hue when you need a complementary accent.
The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.