ColorTool
Anmelden
#EE64D2

#ee64d2 ≈ Rose Pink

  • Magenta
  • Helligkeit: hoher
  • Sättigung: kräftiger
  • Ausgewogen
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#ee64d2 ist eine Farbe aus der Farbfamilie „Magenta“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 93,33 % Rot, 39,22 % Grün und 82,35 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 57,98 % Magenta, 11,76 % Gelb und 6,67 % Schwarz. Ihr Farbtonwinkel beträgt 312,17° bei 80,23 % Sättigung und 66,27 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Kreativität, Mut und Individualität verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 7,39:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Rose Pink (#ff66cc), ΔE 3,82.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

HEX
RGB
RGB in Prozent
CMY
CMYK
HSL
HSV / HSB
Websicher#ff66cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binär
Dezimal
Relative Leuchtdichte0.3194

Komplementär

  1. #ee64d2
  2. #64ee80

Geteilt komplementär

  1. #ee64d2
  2. #8dee64
  3. #64eec5

Analog

  1. #c564ee
  2. #ee64d2
  3. #ee648d

Triadisch

  1. #ee64d2
  2. #d2ee64
  3. #64d2ee

Tetradisch

  1. #ee64d2
  2. #ee8064
  3. #64ee80
  4. #64d2ee

Quadrat

  1. #ee64d2
  2. #eec564
  3. #64ee80
  4. #648dee

Monochrom

  1. #a71289
  2. #e61fbe
  3. #ee64d2
  4. #f6a9e6
  5. #fdedfa

Schattierungen

#ee64d2 schrittweise mit Schwarz gemischt.

  1. #ee64d2
  2. #d65abd
  3. #be50a8
  4. #a74693
  5. #8f3c7e
  6. #773269
  7. #5f2854
  8. #471e3f
  9. #30142a
  10. #180a15
  11. #000000

Tönungen

#ee64d2 schrittweise mit Weiß gemischt.

  1. #ee64d2
  2. #f074d7
  3. #f183db
  4. #f393e0
  5. #f5a2e4
  6. #f7b2e9
  7. #f8c1ed
  8. #fad1f2
  9. #fce0f6
  10. #fdf0fb
  11. #ffffff

Abtönungen

#ee64d2 schrittweise mit Grau gemischt.

  1. #ee64d2
  2. #e367ca
  3. #d86ac2
  4. #cd6cb9
  5. #c26fb1
  6. #b772a9
  7. #ac75a1
  8. #a17899
  9. #967a90
  10. #8b7d88
  11. #808080

Lesbarer Text 2.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 7.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #999999 ≈ 0.003% der Männer
Achromatomalie #c187b3 ≈ 0.001% der Männer
Protanopie #668cd5 ≈ 1.01% der Männer
Deuteranopie #90a1ce ≈ 1.27% der Männer
Tritanopie #f96b92 ≈ 0.0001% der Männer
Protanomalie #ae7ed4 ≈ 1.08% der Männer
Deuteranomalie #bd8dd0 ≈ 4.63% der Männer
Tritanomalie #f568af ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-ee64d2 {
  color: #ee64d2;
}
Hintergrund
.bg-ee64d2 {
  background-color: #ee64d2;
  color: #000000;
}
Rahmen
.border-ee64d2 {
  border: 2px solid #ee64d2;
}
CSS-Variablen
:root {
  --color-primary: #ee64d2;
  --color-primary-rgb: 238 100 210;
  --color-primary-hsl: 312 80% 66%;
}
Verlauf
.gradient-ee64d2 {
  background: linear-gradient(135deg, #ee64d2, #ee648d);
}
Farbiger Schatten
.shadow-ee64d2 {
  box-shadow: 0 8px 24px rgb(238 100 210 / 0.35);
}

#ff66cc Rose Pink ΔE 3.82 #da70d6 Orchid ΔE 3.83 #ee82ee Violet ΔE 6.67 #ff77ff Fuchsia Pink ΔE 7.43 #cf71af Sky Magenta ΔE 7.59 #fc0fc0 Shocking Pink ΔE 7.90 #ff69b4 Hot Pink ΔE 8.11 #119b2d Invertiert #999999 Graustufen 

Rose Pink
#ee64d2  rgb(238, 100, 210)  hsl(312, 80%, 66%)  Rose Pink
#64ee80  rgb(100, 238, 128)  hsl(132, 80%, 66%)  Light Green
#d2ee64  rgb(210, 238, 100)  hsl(72, 80%, 66%)  June Bud
#64d2ee  rgb(100, 210, 238)  hsl(192, 80%, 66%)  Sky Blue