Dark #1B2431
Dark é um tom escuro próximo ao cinza neutro, com código hex #1B2431 e RGB rgb(27, 36, 49).
Aa
O texto branco é o que melhor se lê sobre esta cor (15.63:1).
Sobre esta cor
#1B2431 é um tom escuro próximo ao cinza neutro. Em OKLCH, a luminosidade é 26%, o croma 0.028. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Dark. O texto branco é o que melhor se lê sobre esta cor, com 15.63:1.
| Família de matiz | Neutros |
| Luminosidade | escuro (26%) |
| Croma | próximo ao cinza neutro (0.028) |
| Temperatura | neutro |
| Nome mais próximo | Dark |
| Texto preto | 1.34:1 |
| Texto branco | 15.63:1 |
Cores que combinam com Dark
Combinações obtidas ao girar Dark 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.
Paletas de cores com Dark
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark, com a distância ΔE.
- Oxford Blue #1B263B ΔE 0.019
- Jet #212529 ΔE 0.019
- Rich Black #0D1B2A ΔE 0.041
- Space Cadet #2B2D42 ΔE 0.050
- Gunmetal #293241 ΔE 0.058
- Prussian Blue #1D3557 ΔE 0.080
- Midnight Green #073B4C ΔE 0.081
- Dark Brown #341C02 ΔE 0.082
Mais sobre Dark
Como fazer Dark
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 preto
- 1 parte de roxo
Resultado da receita: #20272B, uma diferença de ΔE 0.020 em relação a Dark. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Dark em todos os formatos
| HEX | #1B2431 |
| RGB | rgb(27, 36, 49) |
| HSL | hsl(215, 29%, 15%) |
| OKLCH | oklch(25.8% 0.028 257.5) |
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 #1B2431 | 15.63:1 | AAA | Lc -105.2 | Ideal para texto de corpo |
| Texto preto sobre #1B2431 | 1.34:1 | Não atende | Lc 0.0 | Não legível |
| Texto #1B2431 sobre branco | 15.63:1 | AAA | Lc 102.6 | Ideal para texto de corpo |
| Texto #1B2431 sobre preto | 1.34:1 | Não atende | Lc 0.0 | Não legível |
Tons claros e escuros de Dark
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 950.
-
Passo 50
50
#F4F6F8
oklch(97.2% 0.003 247.9)
-
Passo 100
100
#E6EAF0
oklch(93.6% 0.009 258.3)
-
Passo 200
200
#D2DAE5
oklch(88.6% 0.017 256.3)
-
Passo 300
300
#B4C2D6
oklch(81% 0.032 257.2)
-
Passo 400
400
#8CA2C2
oklch(70.7% 0.053 257.7)
-
Passo 500
500
#708BB2
oklch(63.1% 0.067 257.5)
-
Passo 600
600
#58759E
oklch(55.7% 0.073 257.1)
-
Passo 700
700
#486287
oklch(49.1% 0.067 257.2)
-
Passo 800
800
#3B506E
oklch(42.7% 0.057 257.3)
-
Passo 900
900
#334259
oklch(37.6% 0.044 258.8)
-
Passo 950
950 (esta cor)
#1B2431
oklch(25.8% 0.028 257.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark 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) | #1F2532 | 0.008 |
| Deuteranopia (sem cones verdes) | #1D2231 | 0.007 |
| Tritanopia (sem cones azuis) | #142728 | 0.026 |
| Acromatopsia (sem cor) | #232323 | 0.028 |
Use Dark 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.