ColorTool
Entrar
#F5032E

#f5032e ≈ Tractor Red

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

#f5032e é uma cor da família “vermelho”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 96,08% de vermelho, 1,18% de verde e 18,04% de azul; impressa em CMYK, usa 0% de ciano, 98,78% de magenta, 81,22% de amarelo e 3,92% de preto. Seu ângulo de matiz é 349,34°, com 97,58% de saturação e 48,63% 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,93:1 (WCAG AA). A cor nomeada mais próxima é Tractor Red (#fd0e35), ΔE 2,12.

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.1967

Complementar

  1. #f5032e
  2. #03f5ca

Complementar dividida

  1. #f5032e
  2. #03f551
  3. #03a7f5

Análoga

  1. #f503a7
  2. #f5032e
  3. #f55103

Triádica

  1. #f5032e
  2. #2ef503
  3. #032ef5

Tetrádica

  1. #f5032e
  2. #f5ca03
  3. #03f5ca
  4. #032ef5

Quadrada

  1. #f5032e
  2. #a7f503
  3. #03f5ca
  4. #5103f5

Monocromática

  1. #5e0112
  2. #a90220
  3. #f5032e
  4. #fd4868
  5. #fe93a6

Sombras

#f5032e misturado progressivamente com preto.

  1. #f5032e
  2. #dd0329
  3. #c40225
  4. #ac0220
  5. #93021c
  6. #7b0217
  7. #620112
  8. #4a010e
  9. #310109
  10. #190005
  11. #000000

Matizes claros

#f5032e misturado progressivamente com branco.

  1. #f5032e
  2. #f61c43
  3. #f73558
  4. #f84f6d
  5. #f96882
  6. #fa8197
  7. #fb9aab
  8. #fcb3c0
  9. #fdcdd5
  10. #fee6ea
  11. #ffffff

Tons

#f5032e misturado progressivamente com cinza.

  1. #f5032e
  2. #e91036
  3. #de1c3e
  4. #d22947
  5. #c6354f
  6. #bb4257
  7. #af4e5f
  8. #a35b67
  9. #976770
  10. #8c7478
  11. #808080

Texto legível 4.26:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7b7b7b ≈ 0.003% dos homens
Acromatomalia #b96165 ≈ 0.001% dos homens
Protanopia #675c2c ≈ 1.01% dos homens
Deuteranopia #9b8b22 ≈ 1.27% dos homens
Tritanopia #ff001e ≈ 0.0001% dos homens
Protanomalia #b2482d ≈ 1.08% dos homens
Deuteranomalia #c66e27 ≈ 4.63% dos homens
Tritanomalia #ff0025 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f5032e {
  color: #f5032e;
}
Fundo
.bg-f5032e {
  background-color: #f5032e;
  color: #000000;
}
Borda
.border-f5032e {
  border: 2px solid #f5032e;
}
Variáveis CSS
:root {
  --color-primary: #f5032e;
  --color-primary-rgb: 245 3 46;
  --color-primary-hsl: 349 98% 49%;
}
Degradê
.gradient-f5032e {
  background: linear-gradient(135deg, #f5032e, #f55103);
}
Sombra colorida
.shadow-f5032e {
  box-shadow: 0 8px 24px rgb(245 3 46 / 0.35);
}

#fd0e35 Tractor Red ΔE 2.12 #e62020 Lust ΔE 4.28 #e30022 Cadmium Red ΔE 4.29 #e34234 Cinnabar ΔE 4.84 #e34234 Vermilion ΔE 4.84 #dc143c Crimson ΔE 6.82 #cc3333 Persian Red ΔE 7.03 #0afcd1 Invertida #7b7b7b Escala de cinza 

Tractor Red
#f5032e  rgb(245, 3, 46)  hsl(349, 98%, 49%)  Tractor Red
#03f5ca  rgb(3, 245, 202)  hsl(169, 98%, 49%)  Aquamarine
#2ef503  rgb(46, 245, 3)  hsl(109, 98%, 49%)  Lime
#032ef5  rgb(3, 46, 245)  hsl(229, 98%, 49%)  Blue