#45334D
≈ dimgray
Códigos de cor
#45334Drgb(69, 51, 77)hsl(281.54°, 20.31%, 25.1%)hsv(281.54°, 33.77%, 30.2%)cmyk(10.39%, 33.77%, 0%, 69.8%)xyz(4.98, 4.17, 7.56)lab(24.22, 13.7, -12.86)lch(24.22, 18.79, 316.8°)Códigos de cor
#45334Drgb(69, 51, 77)hsl(281.54°, 20.31%, 25.1%)hsv(281.54°, 33.77%, 30.2%)cmyk(10.39%, 33.77%, 0%, 69.8%)xyz(4.98, 4.17, 7.56)lab(24.22, 13.7, -12.86)lch(24.22, 18.79, 316.8°)Acessibilidade
11.45:1AA ✓AAA ✓1.83:1AA ✗AAA ✗Um pequeno jabuti xereta
Texto sobre a cor, para avaliar a legibilidade antes de se comprometer com ela.
Variações e combinações de cor
As tonalidades claras misturam a cor com branco puro e as escuras com preto puro. As duas escalas são calculadas em passos de 10%, para clarear ou escurecer um tom sem sair dele.
Tons escuros
Tons claros
Harmonias de cor
As harmonias escolhem cores acompanhantes pela posição no círculo cromático. Cada regra cria um clima diferente, do contraste forte às misturas suaves entre vizinhas.
Complementar
O matiz diretamente oposto no círculo, a 180°. Contraste máximo: funciona melhor quando uma cor lidera e a outra dá o acento.
Criar gradienteComplementar dividida
A cor base mais as duas vizinhas da sua oposta, a cerca de 30° de cada lado. Mantém o contraste e suaviza o choque.
Criar gradienteTriádica
Três matizes espaçados em 120°. Vivo e equilibrado: deixe um dominar e use os outros como acentos.
Criar gradienteAnáloga
Três matizes vizinhos a 30°. Pouco contraste e bem tranquilo, ideal para fundos calmos e gradientes.
Criar gradienteMonocromática
Um único matiz em vários níveis de luminosidade. Coerente por construção e o caminho mais seguro para uma interface uniforme.
Criar gradienteTetrádica
Dois pares complementares formando um retângulo no círculo. O esquema mais rico e o que exige mais contenção.
Criar gradiente