ColorTool
Entrar
#E9575C

#e9575c ≈ Indian Red

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

#e9575c é uma cor da família “vermelho”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 91,37% de vermelho, 34,12% de verde e 36,08% de azul; impressa em CMYK, usa 0% de ciano, 62,66% de magenta, 60,52% de amarelo e 8,63% de preto. Seu ângulo de matiz é 357,95°, com 76,84% de saturação e 62,75% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 5,98:1 (WCAG AA). A cor nomeada mais próxima é Indian Red (#cd5c5c), ΔE 5,03.

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

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

Complementar

  1. #e9575c
  2. #57e9e4

Complementar dividida

  1. #e9575c
  2. #57e99b
  3. #57a5e9

Análoga

  1. #e957a5
  2. #e9575c
  3. #e99b57

Triádica

  1. #e9575c
  2. #5ce957
  3. #575ce9

Tetrádica

  1. #e9575c
  2. #e9e457
  3. #57e9e4
  4. #575ce9

Quadrada

  1. #e9575c
  2. #a5e957
  3. #57e9e4
  4. #9b57e9

Monocromática

  1. #941318
  2. #d71c23
  3. #e9575c
  4. #f29b9e
  5. #fbdedf

Sombras

#e9575c misturado progressivamente com preto.

  1. #e9575c
  2. #d24e53
  3. #ba464a
  4. #a33d40
  5. #8c3437
  6. #752c2e
  7. #5d2325
  8. #461a1c
  9. #2f1112
  10. #170909
  11. #000000

Matizes claros

#e9575c misturado progressivamente com branco.

  1. #e9575c
  2. #eb686c
  3. #ed797d
  4. #f0898d
  5. #f29a9d
  6. #f4abae
  7. #f6bcbe
  8. #f8cdce
  9. #fbddde
  10. #fdeeef
  11. #ffffff

Tons

#e9575c misturado progressivamente com cinza.

  1. #e9575c
  2. #df5b60
  3. #d45f63
  4. #ca6367
  5. #bf676a
  6. #b56c6e
  7. #aa7072
  8. #a07475
  9. #957879
  10. #8b7c7c
  11. #808080

Texto legível 3.51:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #898989 ≈ 0.003% dos homens
Acromatomalia #b77879 ≈ 0.001% dos homens
Protanopia #7c755b ≈ 1.01% dos homens
Deuteranopia #a19458 ≈ 1.27% dos homens
Tritanopia #ff395a ≈ 0.0001% dos homens
Protanomalia #b26a5b ≈ 1.08% dos homens
Deuteranomalia #c2805a ≈ 4.63% dos homens
Tritanomalia #f6475b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e9575c {
  color: #e9575c;
}
Fundo
.bg-e9575c {
  background-color: #e9575c;
  color: #000000;
}
Borda
.border-e9575c {
  border: 2px solid #e9575c;
}
Variáveis CSS
:root {
  --color-primary: #e9575c;
  --color-primary-rgb: 233 87 92;
  --color-primary-hsl: 358 77% 63%;
}
Degradê
.gradient-e9575c {
  background: linear-gradient(135deg, #e9575c, #e99b57);
}
Sombra colorida
.shadow-e9575c {
  box-shadow: 0 8px 24px rgb(233 87 92 / 0.35);
}

#cd5c5c Indian Red ΔE 5.03 #fe4164 Neon Fuchsia ΔE 5.33 #ff6961 Pastel Red ΔE 6.54 #ff004f Folly ΔE 6.99 #e52b50 Amaranth ΔE 7.48 #fd0e35 Tractor Red ΔE 7.84 #fe6f5e Bittersweet ΔE 8.33 #16a8a3 Invertida #898989 Escala de cinza 

Indian Red
#e9575c  rgb(233, 87, 92)  hsl(358, 77%, 63%)  Indian Red
#57e9e4  rgb(87, 233, 228)  hsl(178, 77%, 63%)  Bright Turquoise
#5ce957  rgb(92, 233, 87)  hsl(118, 77%, 63%)  Malachite
#575ce9  rgb(87, 92, 233)  hsl(238, 77%, 63%)  Majorelle Blue