ColorTool
Entrar
#D1245F

#d1245f ≈ Dogwood Rose

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

#d1245f é uma cor da família “rosa intenso”, com luminosidade média e saturação forte. No modelo RGB, é formada por 81,96% de vermelho, 14,12% de verde e 37,25% de azul; impressa em CMYK, usa 0% de ciano, 82,78% de magenta, 54,55% de amarelo e 18,04% de preto. Seu ângulo de matiz é 339,54°, com 70,61% de saturação e 48,04% de luminosidade em HSL. É uma cor quente, muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5,09:1 (WCAG AA). A cor nomeada mais próxima é Dogwood Rose (#d71868), ΔE 2,5.

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

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

Complementar

  1. #d1245f
  2. #24d196

Complementar dividida

  1. #d1245f
  2. #24d140
  3. #24b5d1

Análoga

  1. #d124b5
  2. #d1245f
  3. #d14024

Triádica

  1. #d1245f
  2. #5fd124
  3. #245fd1

Tetrádica

  1. #d1245f
  2. #d19624
  3. #24d196
  4. #245fd1

Quadrada

  1. #d1245f
  2. #b5d124
  3. #24d196
  4. #4024d1

Monocromática

  1. #4e0e24
  2. #901941
  3. #d1245f
  4. #e35e8c
  5. #ef9fba

Sombras

#d1245f misturado progressivamente com preto.

  1. #d1245f
  2. #bc2056
  3. #a71d4c
  4. #921943
  5. #7d1639
  6. #691230
  7. #540e26
  8. #3f0b1d
  9. #2a0713
  10. #15040a
  11. #000000

Matizes claros

#d1245f misturado progressivamente com branco.

  1. #d1245f
  2. #d63a6f
  3. #da507f
  4. #df668f
  5. #e37c9f
  6. #e892af
  7. #eda7bf
  8. #f1bdcf
  9. #f6d3df
  10. #fae9ef
  11. #ffffff

Tons

#d1245f misturado progressivamente com cinza.

  1. #d1245f
  2. #c92d62
  3. #c13666
  4. #b94069
  5. #b1496c
  6. #a95270
  7. #a05b73
  8. #986476
  9. #906e79
  10. #88777d
  11. #808080

Texto legível 5.09:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6e6e6e ≈ 0.003% dos homens
Acromatomalia #9f5968 ≈ 0.001% dos homens
Protanopia #565860 ≈ 1.01% dos homens
Deuteranopia #827a5b ≈ 1.27% dos homens
Tritanopia #e4003f ≈ 0.0001% dos homens
Protanomalia #974960 ≈ 1.08% dos homens
Deuteranomalia #a8635c ≈ 4.63% dos homens
Tritanomalia #dd004e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-d1245f {
  color: #d1245f;
}
Fundo
.bg-d1245f {
  background-color: #d1245f;
  color: #ffffff;
}
Borda
.border-d1245f {
  border: 2px solid #d1245f;
}
Variáveis CSS
:root {
  --color-primary: #d1245f;
  --color-primary-rgb: 209 36 95;
  --color-primary-hsl: 340 71% 48%;
}
Degradê
.gradient-d1245f {
  background: linear-gradient(135deg, #d1245f, #d14024);
}
Sombra colorida
.shadow-d1245f {
  box-shadow: 0 8px 24px rgb(209 36 95 / 0.35);
}

#d71868 Dogwood Rose ΔE 2.50 #e0115f Ruby ΔE 2.63 #e30b5c Raspberry ΔE 3.45 #de3163 Cerise ΔE 3.97 #e3256b Razzmatazz ΔE 4.12 #cf3476 Telemagenta ΔE 5.46 #cb4154 Brick Red ΔE 6.58 #2edba0 Invertida #6e6e6e Escala de cinza 

Dogwood Rose
#d1245f  rgb(209, 36, 95)  hsl(340, 71%, 48%)  Dogwood Rose
#24d196  rgb(36, 209, 150)  hsl(160, 71%, 48%)  Caribbean Green
#5fd124  rgb(95, 209, 36)  hsl(100, 71%, 48%)  Lime Green
#245fd1  rgb(36, 95, 209)  hsl(220, 71%, 48%)  Denim