ColorTool
Anmelden
#E82C84

#e82c84 ≈ Rose

  • Rosarot
  • Helligkeit: mittlerer
  • Sättigung: kräftiger
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#e82c84 ist eine Farbe aus der Farbfamilie „Rosarot“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 90,98 % Rot, 17,25 % Grün und 51,76 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 81,03 % Magenta, 43,1 % Gelb und 9,02 % Schwarz. Ihr Farbtonwinkel beträgt 331,91° bei 80,34 % Sättigung und 54,12 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Romantik, Verspieltheit und Zuneigung verbunden. Designer verwenden sie häufig für Lebensmittelmarken und Restaurants, Sales und Aktionen und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,12:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Rose (#ff007f), ΔE 4,17.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #e82c84
  2. #2ce890

Geteilt komplementär

  1. #e82c84
  2. #2ce832
  3. #2ce2e8

Analog

  1. #e82ce2
  2. #e82c84
  3. #e8322c

Triadisch

  1. #e82c84
  2. #84e82c
  3. #2c84e8

Tetradisch

  1. #e82c84
  2. #e8902c
  3. #2ce890
  4. #2c84e8

Quadrat

  1. #e82c84
  2. #e2e82c
  3. #2ce890
  4. #322ce8

Monochrom

  1. #6f0c3a
  2. #b4145f
  3. #e82c84
  4. #f071ac
  5. #f7b6d4

Schattierungen

#e82c84 schrittweise mit Schwarz gemischt.

  1. #e82c84
  2. #d12877
  3. #ba236a
  4. #a21f5c
  5. #8b1a4f
  6. #741642
  7. #5d1235
  8. #460d28
  9. #2e091a
  10. #17040d
  11. #000000

Tönungen

#e82c84 schrittweise mit Weiß gemischt.

  1. #e82c84
  2. #ea4190
  3. #ed569d
  4. #ef6ba9
  5. #f180b5
  6. #f496c2
  7. #f6abce
  8. #f8c0da
  9. #fad5e6
  10. #fdeaf3
  11. #ffffff

Abtönungen

#e82c84 schrittweise mit Grau gemischt.

  1. #e82c84
  2. #de3484
  3. #d33d83
  4. #c94583
  5. #be4e82
  6. #b45682
  7. #aa5e82
  8. #9f6781
  9. #956f81
  10. #8a7880
  11. #808080

Lesbarer Text 4.1:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 5.12:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7d7d7d ≈ 0.003% der Männer
Achromatomalie #b26680 ≈ 0.001% der Männer
Protanopie #5a6786 ≈ 1.01% der Männer
Deuteranopie #8d8a80 ≈ 1.27% der Männer
Tritanopie #fc0055 ≈ 0.0001% der Männer
Protanomalie #a75585 ≈ 1.08% der Männer
Deuteranomalie #b87081 ≈ 4.63% der Männer
Tritanomalie #f4136b ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-e82c84 {
  color: #e82c84;
}
Hintergrund
.bg-e82c84 {
  background-color: #e82c84;
  color: #000000;
}
Rahmen
.border-e82c84 {
  border: 2px solid #e82c84;
}
CSS-Variablen
:root {
  --color-primary: #e82c84;
  --color-primary-rgb: 232 44 132;
  --color-primary-hsl: 332 80% 54%;
}
Verlauf
.gradient-e82c84 {
  background: linear-gradient(135deg, #e82c84, #e8322c);
}
Farbiger Schatten
.shadow-e82c84 {
  box-shadow: 0 8px 24px rgb(232 44 132 / 0.35);
}

#ff007f Rose ΔE 4.17 #ff1493 Deep Pink ΔE 4.17 #cf3476 Telemagenta ΔE 4.92 #e3256b Razzmatazz ΔE 5.43 #f64a8a French Rose ΔE 5.98 #fe28a2 Persian Rose ΔE 6.12 #d71868 Dogwood Rose ΔE 6.57 #17d37b Invertiert #7d7d7d Graustufen 

Rose
#e82c84  rgb(232, 44, 132)  hsl(332, 80%, 54%)  Rose
#2ce890  rgb(44, 232, 144)  hsl(152, 80%, 54%)  Medium Spring Green
#84e82c  rgb(132, 232, 44)  hsl(92, 80%, 54%)  Lawn Green
#2c84e8  rgb(44, 132, 232)  hsl(212, 80%, 54%)  Bleu de France