Dark Cyan #008B8B
Dark Cyan é um verde-azulado ou ciano médio-escuro e moderadamente saturado, com código hex #008B8B e RGB rgb(0, 139, 139).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.06:1).
Sobre esta cor
#008B8B é um verde-azulado ou ciano médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 58%, o croma 0.098 e o matiz 195°. O matiz fica do lado frio do círculo cromático. É a cor com nome Dark Cyan. O texto preto é o que melhor se lê sobre esta cor, com 5.06:1.
| Família de matiz | Verde-azulados e cianos |
| Luminosidade | médio-escuro (58%) |
| Croma | moderadamente saturado (0.098) |
| Temperatura | frio |
| Nome mais próximo | Dark Cyan |
| Texto preto | 5.06:1 |
| Texto branco | 4.14:1 |
Cores que combinam com Dark Cyan
Combinações obtidas ao girar Dark Cyan pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Dark Cyan
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark Cyan, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark Cyan, com a distância ΔE.
- Teal Green #0A9396 ΔE 0.026
- Teal #008080 ΔE 0.034
- Teal Blue #01889F ΔE 0.036
- Dusty Teal #4C9085 ΔE 0.043
- Blue Green #0F9B8E ΔE 0.049
- Sea #3C9992 ΔE 0.052
- Bluegreen #017A79 ΔE 0.053
- Ocean #017B92 ΔE 0.054
Mais sobre Dark Cyan
Como fazer Dark Cyan
Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.
- 3 partes de azul
- 2 partes de branco
- 1 parte de amarelo
Resultado da receita: #3D9190, uma diferença de ΔE 0.033 em relação a Dark Cyan. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Que cores formam o verde-azulado ou ciano? | Tabela de mistura de cores
Códigos de Dark Cyan em todos os formatos
| HEX | #008B8B |
| RGB | rgb(0, 139, 139) |
| HSL | hsl(180, 100%, 27%) |
| OKLCH | oklch(57.7% 0.098 194.8) |
Contraste
As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.
| Combinação | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #008B8B | 4.14:1 | AA texto grande | Lc -73.4 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #008B8B | 5.06:1 | AA | Lc 36.2 | Elementos que não são texto, texto de placeholder |
| Texto #008B8B sobre branco | 4.14:1 | AA texto grande | Lc 67.9 | Texto de conteúdo, não para leitura longa |
| Texto #008B8B sobre preto | 5.06:1 | AA | Lc -33.7 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Dark Cyan
Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 600.
-
Passo 50
50
#F1F7F7
oklch(97.2% 0.006 197.1)
-
Passo 100
100
#E1EDEC
oklch(93.7% 0.013 190.9)
-
Passo 200
200
#C7DFDE
oklch(88.6% 0.026 193.6)
-
Passo 300
300
#A0CAC9
oklch(80.9% 0.044 194.5)
-
Passo 400
400
#69AFAE
oklch(70.8% 0.071 194.5)
-
Passo 500
500
#379A9A
oklch(63% 0.09 195.1)
-
Passo 600
600 (esta cor)
#008B8B
oklch(57.7% 0.098 194.8)
-
Passo 700
700
#006F6F
oklch(49% 0.084 194.8)
-
Passo 800
800
#005B5B
oklch(42.7% 0.073 194.8)
-
Passo 900
900
#0D4B4B
oklch(37.6% 0.059 194.9)
-
Passo 950
950
#0C2C2C
oklch(27% 0.037 195.2)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark Cyan com daltonismo
Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.
| Visão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #81838B | 0.103 |
| Deuteranopia (sem cones verdes) | #70778C | 0.096 |
| Tritanopia (sem cones azuis) | #00908B | 0.016 |
| Acromatopsia (sem cor) | #7C7C7C | 0.099 |
Use Dark Cyan no seu produto
Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.