ColorTool
Entrar
#AE7C12

#ae7c12 ≈ Dark Goldenrod

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

#ae7c12 é uma cor da família “marrom”, com luminosidade baixa e saturação forte. No modelo RGB, é formada por 68,24% de vermelho, 48,63% de verde e 7,06% de azul; impressa em CMYK, usa 0% de ciano, 28,74% de magenta, 89,66% de amarelo e 31,76% de preto. Seu ângulo de matiz é 40,77°, com 81,25% de saturação e 37,65% de luminosidade em HSL. É uma cor quente, muitas vezes associada a confiabilidade, aconchego e naturalidade. Designers costumam usá-la em cafeterias e marcas de café, estilos rústicos e naturais e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 5,69:1 (WCAG AA). A cor nomeada mais próxima é Dark Goldenrod (#b8860b), ΔE 3,78.

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

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

Complementar

  1. #ae7c12
  2. #1244ae

Complementar dividida

  1. #ae7c12
  2. #1292ae
  3. #2e12ae

Análoga

  1. #ae2e12
  2. #ae7c12
  3. #92ae12

Triádica

  1. #ae7c12
  2. #12ae7c
  3. #7c12ae

Tetrádica

  1. #ae7c12
  2. #44ae12
  3. #1244ae
  4. #7c12ae

Quadrada

  1. #ae7c12
  2. #12ae2e
  3. #1244ae
  4. #ae1292

Monocromática

  1. #231904
  2. #694b0b
  3. #ae7c12
  4. #e8a924
  5. #f0c569

Sombras

#ae7c12 misturado progressivamente com preto.

  1. #ae7c12
  2. #9d7010
  3. #8b630e
  4. #7a570d
  5. #684a0b
  6. #573e09
  7. #463207
  8. #342505
  9. #231904
  10. #110c02
  11. #000000

Matizes claros

#ae7c12 misturado progressivamente com branco.

  1. #ae7c12
  2. #b6892a
  3. #be9641
  4. #c6a359
  5. #ceb071
  6. #d7be89
  7. #dfcba0
  8. #e7d8b8
  9. #efe5d0
  10. #f7f2e7
  11. #ffffff

Tons

#ae7c12 misturado progressivamente com cinza.

  1. #ae7c12
  2. #a97c1d
  3. #a57d28
  4. #a07d33
  5. #9c7e3e
  6. #977e49
  7. #927e54
  8. #8e7f5f
  9. #897f6a
  10. #858075
  11. #808080

Texto legível 3.69:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.69:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #858585 ≈ 0.003% dos homens
Acromatomalia #97816a ≈ 0.001% dos homens
Protanopia #8f7e00 ≈ 1.01% dos homens
Deuteranopia #9b8a19 ≈ 1.27% dos homens
Tritanopia #be6e6a ≈ 0.0001% dos homens
Protanomalia #9c7d00 ≈ 1.08% dos homens
Deuteranomalia #a38516 ≈ 4.63% dos homens
Tritanomalia #b87454 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ae7c12 {
  color: #ae7c12;
}
Fundo
.bg-ae7c12 {
  background-color: #ae7c12;
  color: #000000;
}
Borda
.border-ae7c12 {
  border: 2px solid #ae7c12;
}
Variáveis CSS
:root {
  --color-primary: #ae7c12;
  --color-primary-rgb: 174 124 18;
  --color-primary-hsl: 41 81% 38%;
}
Degradê
.gradient-ae7c12 {
  background: linear-gradient(135deg, #ae7c12, #92ae12);
}
Sombra colorida
.shadow-ae7c12 {
  box-shadow: 0 8px 24px rgb(174 124 18 / 0.35);
}

#b8860b Dark Goldenrod ΔE 3.78 #996515 Golden Brown ΔE 9.38 #b87333 Copper ΔE 9.83 #b06500 Ginger ΔE 9.98 #cd7f32 Bronze ΔE 10.28 #cd853f Peru ΔE 10.48 #cc7722 Ochre ΔE 10.68 #5183ed Invertida #858585 Escala de cinza 

Dark Goldenrod
#ae7c12  rgb(174, 124, 18)  hsl(41, 81%, 38%)  Dark Goldenrod
#1244ae  rgb(18, 68, 174)  hsl(221, 81%, 38%)  Cobalt Blue
#12ae7c  rgb(18, 174, 124)  hsl(161, 81%, 38%)  Mint
#7c12ae  rgb(124, 18, 174)  hsl(281, 81%, 38%)  Purple Heart