#696969

dimgray / dimgrey

Valores de cor Notações de cor — HEX (hexadecimal), RGB (luzes primárias), HSL (matiz/saturação/luminosidade), CMYK (tintas de impressão, aproximado).

HEX
#696969
RGB
rgb(105, 105, 105)
HSL
hsl(0, 0%, 41%)
OKLCH
oklch(52.1% 0 0)
CMYK
0% 0% 0% 59%
Luminância relativa Luminância relativa: o brilho de uma cor, de 0 (preto) a 1 (branco). É usada para calcular o contraste WCAG.
0,1413
Matiz Matiz: o tipo de uma cor (vermelho, laranja, amarelo…). Dividimos o círculo cromático em 12 setores.
Acromático
Nome de cor CSS
dimgray / dimgrey

Contraste

Taxa Taxa de contraste: a diferença de brilho entre duas cores, de 1:1 a 21:1. Quanto maior, mais fácil de ler. APCA (Lc) APCA: uma medida de contraste perceptual mais recente do rascunho do WCAG 3. O Lc vai de cerca de 0 a 106; quanto maior, mais fácil de ler. O sinal indica a polaridade (texto escuro sobre claro, ou claro sobre escuro).
Como fundo
Texto branco 5,49:1 -83
Texto preto 3,83:1 27
Como texto
Fundo branco 5,49:1 77
Fundo preto 3,83:1 -24

Harmonias de cores

Escala de tons Escala de tons: cinco passos que mantêm o matiz e variam a luminosidade.

Sombras e tons claros Sombras e tons claros: passos mais claros misturados ao branco (tints) e mais escuros misturados ao preto (shades).

Impressões Impressão: uma etiqueta para a sensação que uma cor evoca — quente, calma, vívida e assim por diante.

Prévia de uso

Como fundo (texto preto)

Taxa 3,83:1 APCA (Lc) 27

Como fundo (texto branco)

Taxa 5,49:1 APCA (Lc) -83

Como texto (fundo branco)

Taxa 5,49:1 APCA (Lc) 77

Como texto (fundo preto)

Taxa 3,83:1 APCA (Lc) -24