ColorTool
Entrar
#EE1249

#ee1249 ≈ Amaranth

  • vermelho
  • Luminosidade: média
  • Saturação: vívida
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#ee1249 é uma cor da família “vermelho”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 93,33% de vermelho, 7,06% de verde e 28,63% de azul; impressa em CMYK, usa 0% de ciano, 92,44% de magenta, 69,33% de amarelo e 6,67% de preto. Seu ângulo de matiz é 345°, com 86,61% de saturação e 50,2% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 4,82:1 (WCAG AA). A cor nomeada mais próxima é Amaranth (#e52b50), ΔE 1,97.

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

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

Complementar

  1. #ee1249
  2. #12eeb7

Complementar dividida

  1. #ee1249
  2. #12ee49
  3. #12b7ee

Análoga

  1. #ee12b7
  2. #ee1249
  3. #ee4912

Triádica

  1. #ee1249
  2. #49ee12
  3. #1249ee

Tetrádica

  1. #ee1249
  2. #eeb712
  3. #12eeb7
  4. #1249ee

Quadrada

  1. #ee1249
  2. #b7ee12
  3. #12eeb7
  4. #4912ee

Monocromática

  1. #60071d
  2. #a80c33
  3. #ee1249
  4. #f35980
  5. #f8a1b7

Sombras

#ee1249 misturado progressivamente com preto.

  1. #ee1249
  2. #d61042
  3. #be0e3a
  4. #a70d33
  5. #8f0b2c
  6. #770925
  7. #5f071d
  8. #470516
  9. #30040f
  10. #180207
  11. #000000

Matizes claros

#ee1249 misturado progressivamente com branco.

  1. #ee1249
  2. #f02a5b
  3. #f1416d
  4. #f35980
  5. #f57192
  6. #f789a4
  7. #f8a0b6
  8. #fab8c8
  9. #fcd0db
  10. #fde7ed
  11. #ffffff

Tons

#ee1249 misturado progressivamente com cinza.

  1. #ee1249
  2. #e31d4f
  3. #d82854
  4. #cd335a
  5. #c23e5f
  6. #b74965
  7. #ac546a
  8. #a15f70
  9. #966a75
  10. #8b757b
  11. #808080

Texto legível 4.36:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.82:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #797979 ≈ 0.003% dos homens
Acromatomalia #b46069 ≈ 0.001% dos homens
Protanopia #625d49 ≈ 1.01% dos homens
Deuteranopia #968842 ≈ 1.27% dos homens
Tritanopia #ff002f ≈ 0.0001% dos homens
Protanomalia #ad4a49 ≈ 1.08% dos homens
Deuteranomalia #c06c45 ≈ 4.63% dos homens
Tritanomalia #fd003b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ee1249 {
  color: #ee1249;
}
Fundo
.bg-ee1249 {
  background-color: #ee1249;
  color: #000000;
}
Borda
.border-ee1249 {
  border: 2px solid #ee1249;
}
Variáveis CSS
:root {
  --color-primary: #ee1249;
  --color-primary-rgb: 238 18 73;
  --color-primary-hsl: 345 87% 50%;
}
Degradê
.gradient-ee1249 {
  background: linear-gradient(135deg, #ee1249, #ee4912);
}
Sombra colorida
.shadow-ee1249 {
  box-shadow: 0 8px 24px rgb(238 18 73 / 0.35);
}

#e52b50 Amaranth ΔE 1.97 #ff004f Folly ΔE 3.26 #dc143c Crimson ΔE 4.36 #cb4154 Brick Red ΔE 6.20 #fd0e35 Tractor Red ΔE 6.66 #e30b5c Raspberry ΔE 6.71 #de3163 Cerise ΔE 7.10 #11edb6 Invertida #797979 Escala de cinza 

Amaranth
#ee1249  rgb(238, 18, 73)  hsl(345, 87%, 50%)  Amaranth
#12eeb7  rgb(18, 238, 183)  hsl(165, 87%, 50%)  Aquamarine
#49ee12  rgb(73, 238, 18)  hsl(105, 87%, 50%)  Neon Green
#1249ee  rgb(18, 73, 238)  hsl(225, 87%, 50%)  Iris