#363E35
Uma cor.
Um ponto de partida.
Infinitas direções.
Esta cor sRGB opaca tem 4,49% de luminância relativa. Explore as relações mensuráveis e aplique-a no design.
Conheça a sua cor.
Os números que a definem.
#363E35- RGB · 8 bits
- 54 / 62 / 53
- HSL · graus / % / %
- 113,3 / 7,8 / 22,5
- HSV · graus / % / %
- 113,3 / 14,5 / 24,3
- OKLCH · L / C / graus
- 0,3534 / 0,0187 / 142,1
- CIELAB · ponto branco D50
- 25,23 / -5,02 / 4,38
- Luminância relativa
- 0,04487
- Contraste com branco
- 11,07:1
- Contraste com preto
- 1,90:1
- CMYK · aproximação sem perfil
- 13% / 0% / 15% / 76%
O matiz neutro não está definido. CMYK é uma aproximação matemática sem perfil de impressão e não prevê correspondência impressa. Os rácios de contraste não comprovam, por si só, conformidade WCAG completa.
De um valor a um universo visual.
Relações de cor.
Uma escala tonal medida.
Misturado com branco ou preto em OKLab e mapeado para sRGB opaco. As percentagens são pesos da mistura, não alterações medidas de brilho.
Tons em direção ao cinzento neutro.
Misturado com cinzento sRGB neutro #808080 em OKLab e mapeado para sRGB opaco. As percentagens são pesos de cinzento, não reduções de saturação medidas. Copie um HEX ou siga a etiqueta para o passaporte exato.
Leia o contraste.
Texto preto · 1,90:1
A rápida raposa castanha salta sobre o cão preguiçoso.
- AA normal (4.5:1): Não cumpre
- AAA normal (7:1): Não cumpre
- AA grande (3:1): Não cumpre
Texto branco · 11,07:1
A rápida raposa castanha salta sobre o cão preguiçoso.
- AA normal (4.5:1): Cumpre
- AAA normal (7:1): Cumpre
- AA grande (3:1): Cumpre
Texto grande: 24 px CSS normal ou 18.67 em negrito. A avaliação usa rácios WCAG sem arredondar. Estes exemplos testam cores opacas, sem comprovar acessibilidade completa.
CSS pronto a usar.
.color-sample {
background-color: #363e35;
color: #ffffff;
}
:root {
--color-hex: #363e35;
--color-rgb: rgb(54 62 53);
--color-hsl: hsl(113.33 7.83% 22.55%);
}Escolhe-se texto preto ou branco pelo maior contraste. HSL é arredondado para apresentação; HEX preserva os canais exatos de 8 bits.
Compare cores próximas.
Entradas mais próximas pela distância euclidiana OKLab × 100. Cada cor próxima mantém a sua identidade e página canónica.