#887366
Uma cor.
Um ponto de partida.
Infinitas direções.
Esta cor sRGB opaca tem 18,46% 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.
#887366- RGB · 8 bits
- 136 / 115 / 102
- HSL · graus / % / %
- 22,9 / 14,3 / 46,7
- HSV · graus / % / %
- 22,9 / 25,0 / 53,3
- OKLCH · L / C / graus
- 0,5716 / 0,0329 / 53,6
- CIELAB · ponto branco D50
- 50,18 / 6,89 / 10,43
- Luminância relativa
- 0,18455
- Contraste com branco
- 4,48:1
- Contraste com preto
- 4,69:1
- CMYK · aproximação sem perfil
- 0% / 15% / 25% / 47%
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 · 4,69:1
A rápida raposa castanha salta sobre o cão preguiçoso.
- AA normal (4.5:1): Cumpre
- AAA normal (7:1): Não cumpre
- AA grande (3:1): Cumpre
Texto branco · 4,48: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): 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: #887366;
color: #000000;
}
:root {
--color-hex: #887366;
--color-rgb: rgb(136 115 102);
--color-hsl: hsl(22.94 14.29% 46.67%);
}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.