cyan

#00FFFF

CSS color

Overview

Formed by combining full green and full blue light, cyan is an additive secondary at rgb(0, 255, 255), hex #00FFFF. It sits at 180 degrees on the hue wheel — directly opposite red, its additive complement — at maximum saturation and brightness. Cyan is also known in CSS by the synonym aqua, and it counts among the sixteen basic HTML colors. In subtractive color it takes on the role of a primary ink, one of the three that, with magenta and yellow, reproduce a broad gamut in printing. On screen its brilliant blue-green reads as cool and clean, and mixing it with red light returns the display to white.

Cyan (#00FFFF) is the fully saturated primary cyan of the RGB and CMYK color models—equal parts green and blue light at maximum intensity. It is one of the three process colors in printing (CMY) and a cornerstone of digital color theory. In branding, it reads as clean, modern, and technology-forward, popular in fintech, health tech, and futuristic design.

On this page

Valores de cor

HEX

#00FFFF

RGB

0, 255, 255

HSL

180,0, 100,0%, 50,0%

HSV

180,0, 100,0%, 100,0%

CMYK

100,0%, 0,0%, 0,0%, 0,0%

OKLCH

0,9054 0,1546 194,8

Propriedades

Frio Claro Mais próximo: cyan

Psicologia das cores

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

Harmonias de cores

Complementar

#00FFFF

#FF0000

Análogo

#00FF80

#0080FF

#00FFFF

Triádico

#00FFFF

#FF00FF

#FFFF00

Complementar dividido

#00FFFF

#FF0080

#FF8000

Tetrádico

#00FFFF

#8000FF

#FF0000

#80FF00

Simulação de daltonismo

Original

#00FFFF

Protanopia

#6E71FF

Deuteranopia

#604CFF

Tritanopia

#0DFFFF

Acromatopsia

#C9C9C9

Uso de CSS

background-color: #00FFFF;
color: #00FFFF;
border-color: #00FFFF;
Tailwind mais próximo: Teal 300 #5EEAD4

Tons Tailwind

50
#F1FEFE
100
#DEFCFC
200
#B8FFFF
300
#85FFFF
400
#42FFFF
500
#00FFFF
600
#00CCCC
700
#00A3A3
800
#008080
900
#055C5C
950
#033A3A

Verificador de contraste

Texto sobre branco

1,25:1

AA Fail AAA Fail

Texto sobre preto

16,75:1

AA Pass AAA Pass

Comparar com

#00FFFF
#FF0000
#00FFFF
#FFFFFF
#000000
#00FFFF

Marcas que usam esta cor

TIDAL

TIDAL

Aqua

Parte destas coleções

Ogansaek Coreano (오간색)

벽 Byeok (Light Blue)

Artigos relacionados

Tutoriais

Espaços de Cor Perceptuais: Lab, LCH, Oklab, OKLCH

Jan 15, 2026
Tutoriais

Prova de Cores: Garantindo Cores de Impressão Precisas

Jan 10, 2026
Tutoriais

CMYK para Web Designers: Quando a Impressao Encontra a Tela

Jan 05, 2026

Perguntas frequentes

What are the RGB, HSL, and CMYK values of #00FFFF?

RGB(0, 255, 255) · HSL(180,0, 100,0%, 50,0%) · CMYK(100,0%, 0,0%, 0,0%, 0,0%)

Does #00FFFF meet WCAG contrast on white?

1,25:1 — WCAG AA Reprovado, AAA Reprovado for normal text.

What text color is readable on #00FFFF?

Use 000000 text on a #00FFFF background; contrast on black is 16,75:1.