ColorTool
Entrar
#E1103D

#e1103d ≈ Crimson

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

#e1103d é uma cor da família “vermelho”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 88,24% de vermelho, 6,27% de verde e 23,92% de azul; impressa em CMYK, usa 0% de ciano, 92,89% de magenta, 72,89% de amarelo e 11,76% de preto. Seu ângulo de matiz é 347,08°, com 86,72% de saturação e 47,25% 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 branco sobre esta cor atinge uma razão de contraste de 4,84:1 (WCAG AA). A cor nomeada mais próxima é Crimson (#dc143c), ΔE 0,95.

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

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

Complementar

  1. #e1103d
  2. #10e1b4

Complementar dividida

  1. #e1103d
  2. #10e14b
  3. #10a5e1

Análoga

  1. #e110a5
  2. #e1103d
  3. #e14b10

Triádica

  1. #e1103d
  2. #3de110
  3. #103de1

Tetrádica

  1. #e1103d
  2. #e1b410
  3. #10e1b4
  4. #103de1

Quadrada

  1. #e1103d
  2. #a5e110
  3. #10e1b4
  4. #4b10e1

Monocromática

  1. #520616
  2. #9a0b2a
  3. #e1103d
  4. #f24b6f
  5. #f793a8

Sombras

#e1103d misturado progressivamente com preto.

  1. #e1103d
  2. #cb0e37
  3. #b40d31
  4. #9e0b2b
  5. #870a25
  6. #71081f
  7. #5a0618
  8. #440512
  9. #2d030c
  10. #170206
  11. #000000

Matizes claros

#e1103d misturado progressivamente com branco.

  1. #e1103d
  2. #e42850
  3. #e74064
  4. #ea5877
  5. #ed708b
  6. #f0889e
  7. #f39fb1
  8. #f6b7c5
  9. #f9cfd8
  10. #fce7ec
  11. #ffffff

Tons

#e1103d misturado progressivamente com cinza.

  1. #e1103d
  2. #d71b44
  3. #ce264a
  4. #c43251
  5. #ba3d58
  6. #b1485f
  7. #a75365
  8. #9d5e6c
  9. #936a73
  10. #8a7579
  11. #808080

Texto legível 4.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.34:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #727272 ≈ 0.003% dos homens
Acromatomalia #aa5a61 ≈ 0.001% dos homens
Protanopia #5d573c ≈ 1.01% dos homens
Deuteranopia #8e8036 ≈ 1.27% dos homens
Tritanopia #f80028 ≈ 0.0001% dos homens
Protanomalia #a3453d ≈ 1.08% dos homens
Deuteranomalia #b56639 ≈ 4.63% dos homens
Tritanomalia #ef0032 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e1103d {
  color: #e1103d;
}
Fundo
.bg-e1103d {
  background-color: #e1103d;
  color: #ffffff;
}
Borda
.border-e1103d {
  border: 2px solid #e1103d;
}
Variáveis CSS
:root {
  --color-primary: #e1103d;
  --color-primary-rgb: 225 16 61;
  --color-primary-hsl: 347 87% 47%;
}
Degradê
.gradient-e1103d {
  background: linear-gradient(135deg, #e1103d, #e14b10);
}
Sombra colorida
.shadow-e1103d {
  box-shadow: 0 8px 24px rgb(225 16 61 / 0.35);
}

#dc143c Crimson ΔE 0.95 #e52b50 Amaranth ΔE 4.23 #cc3333 Persian Red ΔE 5.49 #c41e3a Cardinal ΔE 5.60 #ce2029 Fire Engine Red ΔE 6.02 #cb4154 Brick Red ΔE 6.10 #e30022 Cadmium Red ΔE 6.35 #1eefc2 Invertida #727272 Escala de cinza 

Crimson
#e1103d  rgb(225, 16, 61)  hsl(347, 87%, 47%)  Crimson
#10e1b4  rgb(16, 225, 180)  hsl(167, 87%, 47%)  Caribbean Green
#3de110  rgb(61, 225, 16)  hsl(107, 87%, 47%)  Lime Green
#103de1  rgb(16, 61, 225)  hsl(227, 87%, 47%)  Persian Blue