ColorTool
Entrar
#E67E49

#e67e49 ≈ Mango Tango

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

#e67e49 é uma cor da família “laranja”, com luminosidade média e saturação forte. No modelo RGB, é formada por 90,2% de vermelho, 49,41% de verde e 28,63% de azul; impressa em CMYK, usa 0% de ciano, 45,22% de magenta, 68,26% de amarelo e 9,8% de preto. Seu ângulo de matiz é 20,25°, com 75,85% de saturação e 59,41% 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 7,45:1 (WCAG AAA). A cor nomeada mais próxima é Mango Tango (#ff8243), ΔE 4,52.

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

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

Complementar

  1. #e67e49
  2. #49b1e6

Complementar dividida

  1. #e67e49
  2. #49e6cc
  3. #4963e6

Análoga

  1. #e64963
  2. #e67e49
  3. #e6cc49

Triádica

  1. #e67e49
  2. #49e67e
  3. #7e49e6

Tetrádica

  1. #e67e49
  2. #b1e649
  3. #49b1e6
  4. #7e49e6

Quadrada

  1. #e67e49
  2. #63e649
  3. #49b1e6
  4. #cc49e6

Monocromática

  1. #843912
  2. #c7551b
  3. #e67e49
  4. #efae8c
  5. #f8ddd0

Sombras

#e67e49 misturado progressivamente com preto.

  1. #e67e49
  2. #cf7142
  3. #b8653a
  4. #a15833
  5. #8a4c2c
  6. #733f25
  7. #5c321d
  8. #452616
  9. #2e190f
  10. #170d07
  11. #000000

Matizes claros

#e67e49 misturado progressivamente com branco.

  1. #e67e49
  2. #e98b5b
  3. #eb986d
  4. #eea580
  5. #f0b292
  6. #f3bfa4
  7. #f5cbb6
  8. #f8d8c8
  9. #fae5db
  10. #fdf2ed
  11. #ffffff

Tons

#e67e49 misturado progressivamente com cinza.

  1. #e67e49
  2. #dc7e4f
  3. #d27e54
  4. #c77f5a
  5. #bd7f5f
  6. #b37f65
  7. #a97f6a
  8. #9f7f70
  9. #948075
  10. #8a807b
  11. #808080

Texto legível 2.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9a9a9a ≈ 0.003% dos homens
Acromatomalia #bd9081 ≈ 0.001% dos homens
Protanopia #9b8c44 ≈ 1.01% dos homens
Deuteranopia #b4a348 ≈ 1.27% dos homens
Tritanopia #fb6972 ≈ 0.0001% dos homens
Protanomalia #be8646 ≈ 1.08% dos homens
Deuteranomalia #ca9548 ≈ 4.63% dos homens
Tritanomalia #f37264 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e67e49 {
  color: #e67e49;
}
Fundo
.bg-e67e49 {
  background-color: #e67e49;
  color: #000000;
}
Borda
.border-e67e49 {
  border: 2px solid #e67e49;
}
Variáveis CSS
:root {
  --color-primary: #e67e49;
  --color-primary-rgb: 230 126 73;
  --color-primary-hsl: 20 76% 59%;
}
Degradê
.gradient-e67e49 {
  background: linear-gradient(135deg, #e67e49, #e6cc49);
}
Sombra colorida
.shadow-e67e49 {
  box-shadow: 0 8px 24px rgb(230 126 73 / 0.35);
}

#ff8243 Mango Tango ΔE 4.52 #ff7f50 Coral ΔE 5.25 #d68a59 Raw Sienna ΔE 5.26 #e97451 Burnt Sienna ΔE 5.76 #ff7518 Pumpkin ΔE 6.54 #d99058 Persian Orange ΔE 7.14 #ed872d Cadmium Orange ΔE 7.80 #1981b6 Invertida #9a9a9a Escala de cinza 

Mango Tango
#e67e49  rgb(230, 126, 73)  hsl(20, 76%, 59%)  Mango Tango
#49b1e6  rgb(73, 177, 230)  hsl(200, 76%, 59%)  Deep Sky Blue
#49e67e  rgb(73, 230, 126)  hsl(140, 76%, 59%)  Pastel Green
#7e49e6  rgb(126, 73, 230)  hsl(260, 76%, 59%)  Majorelle Blue