ColorTool
Entrar
#DF5F64

#df5f64 ≈ Indian Red

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

#df5f64 é uma cor da família “vermelho”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 87,45% de vermelho, 37,25% de verde e 39,22% de azul; impressa em CMYK, usa 0% de ciano, 57,4% de magenta, 55,16% de amarelo e 12,55% de preto. Seu ângulo de matiz é 357,66°, com 66,67% de saturação e 62,35% 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,96:1 (WCAG AA). A cor nomeada mais próxima é Indian Red (#cd5c5c), ΔE 3,82.

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

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

Complementar

  1. #df5f64
  2. #5fdfda

Complementar dividida

  1. #df5f64
  2. #5fdf9a
  3. #5fa4df

Análoga

  1. #df5fa4
  2. #df5f64
  3. #df9a5f

Triádica

  1. #df5f64
  2. #64df5f
  3. #5f64df

Tetrádica

  1. #df5f64
  2. #dfda5f
  3. #5fdfda
  4. #5f64df

Quadrada

  1. #df5f64
  2. #a4df5f
  3. #5fdfda
  4. #9a5fdf

Monocromática

  1. #891b20
  2. #c9282f
  3. #df5f64
  4. #ec9fa2
  5. #f8dee0

Sombras

#df5f64 misturado progressivamente com preto.

  1. #df5f64
  2. #c9565a
  3. #b24c50
  4. #9c4346
  5. #86393c
  6. #703032
  7. #592628
  8. #431d1e
  9. #2d1314
  10. #160a0a
  11. #000000

Matizes claros

#df5f64 misturado progressivamente com branco.

  1. #df5f64
  2. #e26f74
  3. #e57f83
  4. #e98f93
  5. #ec9fa2
  6. #efafb2
  7. #f2bfc1
  8. #f5cfd1
  9. #f9dfe0
  10. #fceff0
  11. #ffffff

Tons

#df5f64 misturado progressivamente com cinza.

  1. #df5f64
  2. #d66267
  3. #cc666a
  4. #c3696c
  5. #b96c6f
  6. #b07072
  7. #a67375
  8. #9d7678
  9. #93797a
  10. #8a7d7d
  11. #808080

Texto legível 3.52:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #888888 ≈ 0.003% dos homens
Acromatomalia #b27a7b ≈ 0.001% dos homens
Protanopia #7d7863 ≈ 1.01% dos homens
Deuteranopia #9e9361 ≈ 1.27% dos homens
Tritanopia #f34962 ≈ 0.0001% dos homens
Protanomalia #ad6f64 ≈ 1.08% dos homens
Deuteranomalia #bb8162 ≈ 4.63% dos homens
Tritanomalia #eb5363 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-df5f64 {
  color: #df5f64;
}
Fundo
.bg-df5f64 {
  background-color: #df5f64;
  color: #000000;
}
Borda
.border-df5f64 {
  border: 2px solid #df5f64;
}
Variáveis CSS
:root {
  --color-primary: #df5f64;
  --color-primary-rgb: 223 95 100;
  --color-primary-hsl: 358 67% 62%;
}
Degradê
.gradient-df5f64 {
  background: linear-gradient(135deg, #df5f64, #df9a5f);
}
Sombra colorida
.shadow-df5f64 {
  box-shadow: 0 8px 24px rgb(223 95 100 / 0.35);
}

#cd5c5c Indian Red ΔE 3.82 #fe4164 Neon Fuchsia ΔE 6.08 #ff6961 Pastel Red ΔE 7.66 #e52b50 Amaranth ΔE 8.04 #f08080 Light Coral ΔE 8.37 #ff004f Folly ΔE 8.40 #cb4154 Brick Red ΔE 8.68 #20a09b Invertida #888888 Escala de cinza 

Indian Red
#df5f64  rgb(223, 95, 100)  hsl(358, 67%, 62%)  Indian Red
#5fdfda  rgb(95, 223, 218)  hsl(178, 67%, 62%)  Medium Turquoise
#64df5f  rgb(100, 223, 95)  hsl(118, 67%, 62%)  Pastel Green
#5f64df  rgb(95, 100, 223)  hsl(238, 67%, 62%)  Ultramarine Blue