ColorTool
Entrar
#66604C

#66604c ≈ Dim Gray

  • amarelo
  • Luminosidade: baixa
  • Saturação: suave
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#66604c é uma cor da família “amarelo”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 40% de vermelho, 37,65% de verde e 29,8% de azul; impressa em CMYK, usa 0% de ciano, 5,88% de magenta, 25,49% de amarelo e 60% de preto. Seu ângulo de matiz é 46,15°, com 14,61% de saturação e 34,9% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 6,28:1 (WCAG AA). A cor nomeada mais próxima é Dim Gray (#696969), ΔE 10,28.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#666633
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.1171

Complementar

  1. #66604c
  2. #4c5266

Complementar dividida

  1. #66604c
  2. #4c5f66
  3. #534c66

Análoga

  1. #66534c
  2. #66604c
  3. #5f664c

Triádica

  1. #66604c
  2. #4c6660
  3. #604c66

Tetrádica

  1. #66604c
  2. #52664c
  3. #4c5266
  4. #604c66

Quadrada

  1. #66604c
  2. #4c6653
  3. #4c5266
  4. #664c5f

Monocromática

  1. #0e0d0b
  2. #3a372b
  3. #66604c
  4. #92896d
  5. #b3ad98

Sombras

#66604c misturado progressivamente com preto.

  1. #66604c
  2. #5c5644
  3. #524d3d
  4. #474335
  5. #3d3a2e
  6. #333026
  7. #29261e
  8. #1f1d17
  9. #14130f
  10. #0a0a08
  11. #000000

Matizes claros

#66604c misturado progressivamente com branco.

  1. #66604c
  2. #75705e
  3. #858070
  4. #949082
  5. #a3a094
  6. #b3b0a6
  7. #c2bfb7
  8. #d1cfc9
  9. #e0dfdb
  10. #f0efed
  11. #ffffff

Tons

#66604c misturado progressivamente com cinza.

  1. #66604c
  2. #696351
  3. #6b6656
  4. #6e6a5c
  5. #706d61
  6. #737066
  7. #76736b
  8. #787670
  9. #7b7a76
  10. #7d7d7b
  11. #808080

Texto legível 6.28:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.34:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #606060 ≈ 0.003% dos homens
Acromatomalia #626059 ≈ 0.001% dos homens
Protanopia #645f4b ≈ 1.01% dos homens
Deuteranopia #66614d ≈ 1.27% dos homens
Tritanopia #6a5d5b ≈ 0.0001% dos homens
Protanomalia #655f4b ≈ 1.08% dos homens
Deuteranomalia #66614c ≈ 4.63% dos homens
Tritanomalia #695e55 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-66604c {
  color: #66604c;
}
Fundo
.bg-66604c {
  background-color: #66604c;
  color: #ffffff;
}
Borda
.border-66604c {
  border: 2px solid #66604c;
}
Variáveis CSS
:root {
  --color-primary: #66604c;
  --color-primary-rgb: 102 96 76;
  --color-primary-hsl: 46 15% 35%;
}
Degradê
.gradient-66604c {
  background: linear-gradient(135deg, #66604c, #5f664c);
}
Sombra colorida
.shadow-66604c {
  box-shadow: 0 8px 24px rgb(102 96 76 / 0.35);
}

#696969 Dim Gray ΔE 10.28 #696969 Dim Grey ΔE 10.28 #555555 Davy's Gray ΔE 10.50 #635147 Umber ΔE 10.65 #826644 Raw Umber ΔE 10.81 #444c38 Rifle Green ΔE 10.91 #4d5d53 Feldgrau ΔE 11.25 #999fb3 Invertida #606060 Escala de cinza 

Dim Gray
#66604c  rgb(102, 96, 76)  hsl(46, 15%, 35%)  Dim Gray
#4c5266  rgb(76, 82, 102)  hsl(226, 15%, 35%)  Charcoal
#4c6660  rgb(76, 102, 96)  hsl(166, 15%, 35%)  Feldgrau
#604c66  rgb(96, 76, 102)  hsl(286, 15%, 35%)  Eggplant