ColorTool
Entrar
#AE7737

#ae7737 ≈ Copper

  • laranja
  • Luminosidade: média
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#ae7737 é uma cor da família “laranja”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 68,24% de vermelho, 46,67% de verde e 21,57% de azul; impressa em CMYK, usa 0% de ciano, 31,61% de magenta, 68,39% de amarelo e 31,76% de preto. Seu ângulo de matiz é 32,27°, com 51,97% de saturação e 44,9% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 5,49:1 (WCAG AA). A cor nomeada mais próxima é Copper (#b87333), ΔE 3,77.

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

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

Complementar

  1. #ae7737
  2. #376eae

Complementar dividida

  1. #ae7737
  2. #37a9ae
  3. #3b37ae

Análoga

  1. #ae3b37
  2. #ae7737
  3. #a9ae37

Triádica

  1. #ae7737
  2. #37ae77
  3. #7737ae

Tetrádica

  1. #ae7737
  2. #6eae37
  3. #376eae
  4. #7737ae

Quadrada

  1. #ae7737
  2. #37ae3b
  3. #376eae
  4. #ae37a9

Monocromática

  1. #3a2712
  2. #744f25
  3. #ae7737
  4. #ce9d64
  5. #e0c29e

Sombras

#ae7737 misturado progressivamente com preto.

  1. #ae7737
  2. #9d6b32
  3. #8b5f2c
  4. #7a5327
  5. #684721
  6. #573c1c
  7. #463016
  8. #342411
  9. #23180b
  10. #110c06
  11. #000000

Matizes claros

#ae7737 misturado progressivamente com branco.

  1. #ae7737
  2. #b6854b
  3. #be925f
  4. #c6a073
  5. #cead87
  6. #d7bb9b
  7. #dfc9af
  8. #e7d6c3
  9. #efe4d7
  10. #f7f1eb
  11. #ffffff

Tons

#ae7737 misturado progressivamente com cinza.

  1. #ae7737
  2. #a9783e
  3. #a57946
  4. #a07a4d
  5. #9c7b54
  6. #977c5c
  7. #927c63
  8. #8e7d6a
  9. #897e71
  10. #857f79
  11. #808080

Texto legível 3.82:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.49:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #828282 ≈ 0.003% dos homens
Acromatomalia #967e6c ≈ 0.001% dos homens
Protanopia #897b30 ≈ 1.01% dos homens
Deuteranopia #968838 ≈ 1.27% dos homens
Tritanopia #bd6a69 ≈ 0.0001% dos homens
Protanomalia #997933 ≈ 1.08% dos homens
Deuteranomalia #a08138 ≈ 4.63% dos homens
Tritanomalia #b76f59 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ae7737 {
  color: #ae7737;
}
Fundo
.bg-ae7737 {
  background-color: #ae7737;
  color: #000000;
}
Borda
.border-ae7737 {
  border: 2px solid #ae7737;
}
Variáveis CSS
:root {
  --color-primary: #ae7737;
  --color-primary-rgb: 174 119 55;
  --color-primary-hsl: 32 52% 45%;
}
Degradê
.gradient-ae7737 {
  background: linear-gradient(135deg, #ae7737, #a9ae37);
}
Sombra colorida
.shadow-ae7737 {
  box-shadow: 0 8px 24px rgb(174 119 55 / 0.35);
}

#b87333 Copper ΔE 3.77 #b06500 Ginger ΔE 6.97 #cd7f32 Bronze ΔE 7.07 #cc7722 Ochre ΔE 7.22 #cd853f Peru ΔE 7.38 #996515 Golden Brown ΔE 7.82 #a67b5b Cafe au Lait ΔE 7.93 #5188c8 Invertida #828282 Escala de cinza 

Copper
#ae7737  rgb(174, 119, 55)  hsl(32, 52%, 45%)  Copper
#376eae  rgb(55, 110, 174)  hsl(212, 52%, 45%)  Queen Blue
#37ae77  rgb(55, 174, 119)  hsl(152, 52%, 45%)  Medium Sea Green
#7737ae  rgb(119, 55, 174)  hsl(272, 52%, 45%)  Purple Heart