#777B6F
Uma cor.
Um ponto de partida.
Infinitas direções.
Esta cor sRGB opaca tem 19,24% 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.
#777B6F- RGB · 8 bits
- 119 / 123 / 111
- HSL · graus / % / %
- 80,0 / 5,1 / 45,9
- HSV · graus / % / %
- 80,0 / 9,8 / 48,2
- OKLCH · L / C / graus
- 0,5759 / 0,0186 / 122,0
- CIELAB · ponto branco D50
- 51,00 / -3,31 / 6,04
- Luminância relativa
- 0,19236
- Contraste com branco
- 4,33:1
- Contraste com preto
- 4,85:1
- CMYK · aproximação sem perfil
- 3% / 0% / 10% / 52%
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,85: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,33: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: #777b6f;
color: #000000;
}
:root {
--color-hex: #777b6f;
--color-rgb: rgb(119 123 111);
--color-hsl: hsl(80.00 5.13% 45.88%);
}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.