Cadet Gray #CED4DA
Cadet Gray é um tom claro próximo ao cinza neutro, com código hex #CED4DA e RGB rgb(206, 212, 218).
Aa
O texto preto é o que melhor se lê sobre esta cor (14.05:1).
Sobre esta cor
#CED4DA é um tom claro próximo ao cinza neutro. Em OKLCH, a luminosidade é 87%, o croma 0.011. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Cadet Gray. O texto preto é o que melhor se lê sobre esta cor, com 14.05:1.
| Família de matiz | Neutros |
| Luminosidade | claro (87%) |
| Croma | próximo ao cinza neutro (0.011) |
| Temperatura | neutro |
| Nome mais próximo | Cadet Gray |
| Texto preto | 14.05:1 |
| Texto branco | 1.49:1 |
Cores que combinam com Cadet Gray
Combinações obtidas ao girar Cadet Gray pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Cadet Gray é quase neutra, então não tem um matiz para girar. Combina com quase qualquer cor; experimente as paletas abaixo.
Paletas de cores com Cadet Gray
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Cadet Gray, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Cadet Gray, com a distância ΔE.
- Light Gray #D3D3D3 ΔE 0.011
- Gainsboro #DCDCDC ΔE 0.029
- Pale Silver #D8E2DC ΔE 0.040
- Light Blue #ADD8E6 ΔE 0.041
- Platinum #E0E1DD ΔE 0.043
- Powder Blue #B0E0E6 ΔE 0.044
- Celeste #A8DADC ΔE 0.047
- Light Blue Grey #B7C9E2 ΔE 0.047
Mais sobre Cadet Gray
Como fazer Cadet Gray
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.
- 2 partes de branco
- 1 parte de cinza
Resultado da receita: #DADADA, uma diferença de ΔE 0.023 em relação a Cadet Gray. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Cadet Gray em todos os formatos
| HEX | #CED4DA |
| RGB | rgb(206, 212, 218) |
| HSL | hsl(210, 14%, 83%) |
| OKLCH | oklch(86.7% 0.011 247.9) |
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 #CED4DA | 1.49:1 | Não atende | Lc -26.3 | Apenas divisores e decoração |
| Texto preto sobre #CED4DA | 14.05:1 | AAA | Lc 80.5 | Bom para texto de corpo |
| Texto #CED4DA sobre branco | 1.49:1 | Não atende | Lc 23.2 | Apenas divisores e decoração |
| Texto #CED4DA sobre preto | 14.05:1 | AAA | Lc -80.0 | Bom para texto de corpo |
Tons claros e escuros de Cadet Gray
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 200.
-
Passo 50
50
#F4F5F7
oklch(97% 0.003 264.5)
-
Passo 100
100
#E8EAEC
oklch(93.6% 0.003 247.9)
-
Passo 200
200 (esta cor)
#CED4DA
oklch(86.7% 0.011 247.9)
-
Passo 300
300
#BAC2C9
oklch(81% 0.013 244.3)
-
Passo 400
400
#96A2AE
oklch(70.7% 0.022 248.1)
-
Passo 500
500
#7D8B9A
oklch(63.1% 0.028 250.1)
-
Passo 600
600
#667585
oklch(55.6% 0.031 250.1)
-
Passo 700
700
#546270
oklch(49% 0.028 248.4)
-
Passo 800
800
#45505B
oklch(42.6% 0.023 248.4)
-
Passo 900
900
#3A434B
oklch(37.8% 0.018 245.1)
-
Passo 950
950
#22272C
oklch(27% 0.012 248.3)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Cadet Gray 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) | #D2D4DA | 0.005 |
| Deuteranopia (sem cones verdes) | #D0D3DA | 0.004 |
| Tritanopia (sem cones azuis) | #CBD5D6 | 0.008 |
| Acromatopsia (sem cor) | #D3D3D3 | 0.011 |
Use Cadet Gray 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.