ColorTool
Entrar
#CF4E4A

#cf4e4a ≈ Indian Red

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

#cf4e4a é uma cor da família “vermelho”, com luminosidade média e saturação forte. No modelo RGB, é formada por 81,18% de vermelho, 30,59% de verde e 29,02% de azul; impressa em CMYK, usa 0% de ciano, 62,32% de magenta, 64,25% de amarelo e 18,82% de preto. Seu ângulo de matiz é 1,8°, com 58,08% de saturação e 55,1% 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 4,84:1 (WCAG AA). A cor nomeada mais próxima é Indian Red (#cd5c5c), ΔE 4,15.

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

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

Complementar

  1. #cf4e4a
  2. #4acbcf

Complementar dividida

  1. #cf4e4a
  2. #4acf90
  3. #4a89cf

Análoga

  1. #cf4a89
  2. #cf4e4a
  3. #cf904a

Triádica

  1. #cf4e4a
  2. #4acf4e
  3. #4e4acf

Tetrádica

  1. #cf4e4a
  2. #cbcf4a
  3. #4acbcf
  4. #4e4acf

Quadrada

  1. #cf4e4a
  2. #89cf4a
  3. #4acbcf
  4. #904acf

Monocromática

  1. #651d1b
  2. #a22e2b
  3. #cf4e4a
  4. #df8986
  5. #efc4c3

Sombras

#cf4e4a misturado progressivamente com preto.

  1. #cf4e4a
  2. #ba4643
  3. #a63e3b
  4. #913734
  5. #7c2f2c
  6. #682725
  7. #531f1e
  8. #3e1716
  9. #29100f
  10. #150807
  11. #000000

Matizes claros

#cf4e4a misturado progressivamente com branco.

  1. #cf4e4a
  2. #d4605c
  3. #d9716e
  4. #dd8380
  5. #e29592
  6. #e7a7a5
  7. #ecb8b7
  8. #f1cac9
  9. #f5dcdb
  10. #faeded
  11. #ffffff

Tons

#cf4e4a misturado progressivamente com cinza.

  1. #cf4e4a
  2. #c7534f
  3. #bf5855
  4. #b75d5a
  5. #af6260
  6. #a86765
  7. #a06c6a
  8. #987170
  9. #907675
  10. #887b7b
  11. #808080

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

Acromatopsia #797979 ≈ 0.003% dos homens
Acromatomalia #a36b69 ≈ 0.001% dos homens
Protanopia #706849 ≈ 1.01% dos homens
Deuteranopia #908447 ≈ 1.27% dos homens
Tritanopia #e3324e ≈ 0.0001% dos homens
Protanomalia #9f5f49 ≈ 1.08% dos homens
Deuteranomalia #ad7248 ≈ 4.63% dos homens
Tritanomalia #db3f4d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cf4e4a {
  color: #cf4e4a;
}
Fundo
.bg-cf4e4a {
  background-color: #cf4e4a;
  color: #000000;
}
Borda
.border-cf4e4a {
  border: 2px solid #cf4e4a;
}
Variáveis CSS
:root {
  --color-primary: #cf4e4a;
  --color-primary-rgb: 207 78 74;
  --color-primary-hsl: 2 58% 55%;
}
Degradê
.gradient-cf4e4a {
  background: linear-gradient(135deg, #cf4e4a, #cf904a);
}
Sombra colorida
.shadow-cf4e4a {
  box-shadow: 0 8px 24px rgb(207 78 74 / 0.35);
}

#cd5c5c Indian Red ΔE 4.15 #cc3333 Persian Red ΔE 5.60 #e34234 Cinnabar ΔE 5.84 #e34234 Vermilion ΔE 5.84 #cb4154 Brick Red ΔE 6.42 #dc143c Crimson ΔE 6.92 #e52b50 Amaranth ΔE 7.06 #30b1b5 Invertida #797979 Escala de cinza 

Indian Red
#cf4e4a  rgb(207, 78, 74)  hsl(2, 58%, 55%)  Indian Red
#4acbcf  rgb(74, 203, 207)  hsl(182, 58%, 55%)  Dark Turquoise
#4acf4e  rgb(74, 207, 78)  hsl(122, 58%, 55%)  Lime Green
#4e4acf  rgb(78, 74, 207)  hsl(242, 58%, 55%)  Iris