ColorTool
Iniciar sesión
#DF75C2

#df75c2 ≈ Sky Magenta

  • magenta
  • Luminosidad: alta
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#df75c2 es un color de la familia magenta, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 87,45% de rojo, 45,88% de verde y 76,08% de azul; impreso en CMYK usa 0% de cian, 47,53% de magenta, 13% de amarillo y 12,55% de negro. Su ángulo de tono es 316,42°, con 62,35% de saturación y 66,67% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 7,46:1 (WCAG AAA). El color con nombre más cercano es Sky Magenta (#cf71af), ΔE 3,99.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#cc66cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.3231

Complementario

  1. #df75c2
  2. #75df92

Complementario dividido

  1. #df75c2
  2. #8ddf75
  3. #75dfc7

Análogo

  1. #c775df
  2. #df75c2
  3. #df758d

Triádico

  1. #df75c2
  2. #c2df75
  3. #75c2df

Tetrádico

  1. #df75c2
  2. #df9275
  3. #75df92
  4. #75c2df

Cuadrado

  1. #df75c2
  2. #dfc775
  3. #75df92
  4. #758ddf

Monocromático

  1. #982378
  2. #d137a7
  3. #df75c2
  4. #edb3dd
  5. #fbeef8

Sombras

#df75c2 mezclado progresivamente con negro.

  1. #df75c2
  2. #c969af
  3. #b25e9b
  4. #9c5288
  5. #864674
  6. #703b61
  7. #592f4e
  8. #43233a
  9. #2d1727
  10. #160c13
  11. #000000

Tintes

#df75c2 mezclado progresivamente con blanco.

  1. #df75c2
  2. #e283c8
  3. #e591ce
  4. #e99ed4
  5. #ecacda
  6. #efbae1
  7. #f2c8e7
  8. #f5d6ed
  9. #f9e3f3
  10. #fcf1f9
  11. #ffffff

Tonos

#df75c2 mezclado progresivamente con gris.

  1. #df75c2
  2. #d676bb
  3. #cc77b5
  4. #c378ae
  5. #b979a8
  6. #b07ba1
  7. #a67c9a
  8. #9d7d94
  9. #937e8d
  10. #8a7f87
  11. #808080

Texto legible 2.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 7.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9a9a9a ≈ 0.003% de los hombres
Acromatomalía #ba8dab ≈ 0.001% de los hombres
Protanopía #7890c5 ≈ 1.01% de los hombres
Deuteranopía #95a0bf ≈ 1.27% de los hombres
Tritanopía #e97893 ≈ 0.0001% de los hombres
Protanomalía #ab86c4 ≈ 1.08% de los hombres
Deuteranomalía #b791c0 ≈ 4.63% de los hombres
Tritanomalía #e577a8 ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-df75c2 {
  color: #df75c2;
}
Fondo
.bg-df75c2 {
  background-color: #df75c2;
  color: #000000;
}
Borde
.border-df75c2 {
  border: 2px solid #df75c2;
}
Variables CSS
:root {
  --color-primary: #df75c2;
  --color-primary-rgb: 223 117 194;
  --color-primary-hsl: 316 62% 67%;
}
Degradado
.gradient-df75c2 {
  background: linear-gradient(135deg, #df75c2, #df758d);
}
Sombra de color
.shadow-df75c2 {
  box-shadow: 0 8px 24px rgb(223 117 194 / 0.35);
}

#cf71af Sky Magenta ΔE 3.99 #da70d6 Orchid ΔE 4.95 #ff66cc Rose Pink ΔE 5.17 #f77fbe Persian Pink ΔE 6.13 #ff69b4 Hot Pink ΔE 6.96 #de6fa1 Thulian Pink ΔE 7.12 #ee82ee Violet ΔE 7.57 #208a3d Invertido #9a9a9a Escala de grises 

Sky Magenta
#df75c2  rgb(223, 117, 194)  hsl(316, 62%, 67%)  Sky Magenta
#75df92  rgb(117, 223, 146)  hsl(136, 62%, 67%)  Pastel Green
#c2df75  rgb(194, 223, 117)  hsl(76, 62%, 67%)  June Bud
#75c2df  rgb(117, 194, 223)  hsl(196, 62%, 67%)  Sky Blue