ColorTool
Anmelden
#770EA2

#770ea2 ≈ Rebecca Purple

  • Magenta
  • Helligkeit: geringer
  • Sättigung: kräftiger
  • Kühl
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#770ea2 ist eine Farbe aus der Farbfamilie „Magenta“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 46,67 % Rot, 5,49 % Grün und 63,53 % Blau; im CMYK-Druck benötigt sie 26,54 % Cyan, 91,36 % Magenta, 0 % Gelb und 36,47 % Schwarz. Ihr Farbtonwinkel beträgt 282,57° bei 84,09 % Sättigung und 34,51 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Kreativität, Mut und Individualität verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Corporate Designs. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 8,86:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Rebecca Purple (#663399), ΔE 5,68.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #770ea2
  2. #39a20e

Geteilt komplementär

  1. #770ea2
  2. #83a20e
  3. #0ea22d

Analog

  1. #2d0ea2
  2. #770ea2
  3. #a20e83

Triadisch

  1. #770ea2
  2. #a2770e
  3. #0ea277

Tetradisch

  1. #770ea2
  2. #a20e39
  3. #39a20e
  4. #0ea277

Quadrat

  1. #770ea2
  2. #a22d0e
  3. #39a20e
  4. #0e83a2

Monochrom

  1. #100215
  2. #43085c
  3. #770ea2
  4. #ab14e8
  5. #c458f1

Schattierungen

#770ea2 schrittweise mit Schwarz gemischt.

  1. #770ea2
  2. #6b0d92
  3. #5f0b82
  4. #530a71
  5. #470861
  6. #3c0751
  7. #300641
  8. #240431
  9. #180320
  10. #0c0110
  11. #000000

Tönungen

#770ea2 schrittweise mit Weiß gemischt.

  1. #770ea2
  2. #8526ab
  3. #923eb5
  4. #a056be
  5. #ad6ec7
  6. #bb87d1
  7. #c99fda
  8. #d6b7e3
  9. #e4cfec
  10. #f1e7f6
  11. #ffffff

Abtönungen

#770ea2 schrittweise mit Grau gemischt.

  1. #770ea2
  2. #78199f
  3. #79259b
  4. #7a3098
  5. #7b3c94
  6. #7c4791
  7. #7c528e
  8. #7d5e8a
  9. #7e6987
  10. #7f7583
  11. #808080

Lesbarer Text 8.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Lesbarer Text 2.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #4a4a4a ≈ 0.003% der Männer
Achromatomalie #5f3a77 ≈ 0.001% der Männer
Protanopie #0046a6 ≈ 1.01% der Männer
Deuteranopie #004c9f ≈ 1.27% der Männer
Tritanopie #713a5f ≈ 0.0001% der Männer
Protanomalie #3f37a4 ≈ 1.08% der Männer
Deuteranomalie #493ca0 ≈ 4.63% der Männer
Tritanomalie #742e7f ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-770ea2 {
  color: #770ea2;
}
Hintergrund
.bg-770ea2 {
  background-color: #770ea2;
  color: #ffffff;
}
Rahmen
.border-770ea2 {
  border: 2px solid #770ea2;
}
CSS-Variablen
:root {
  --color-primary: #770ea2;
  --color-primary-rgb: 119 14 162;
  --color-primary-hsl: 283 84% 35%;
}
Verlauf
.gradient-770ea2 {
  background: linear-gradient(135deg, #770ea2, #a20e83);
}
Farbiger Schatten
.shadow-770ea2 {
  box-shadow: 0 8px 24px rgb(119 14 162 / 0.35);
}

#663399 Rebecca Purple ΔE 5.68 #69359c Purple Heart ΔE 5.77 #8b008b Dark Magenta ΔE 6.40 #800080 Purple ΔE 6.78 #880085 Mardi Gras ΔE 6.93 #6c3082 Eminence ΔE 7.15 #9400d3 Dark Violet ΔE 7.95 #88f15d Invertiert #4a4a4a Graustufen 

Rebecca Purple
#770ea2  rgb(119, 14, 162)  hsl(283, 84%, 35%)  Rebecca Purple
#39a20e  rgb(57, 162, 14)  hsl(103, 84%, 35%)  Islamic Green
#a2770e  rgb(162, 119, 14)  hsl(43, 84%, 35%)  Dark Goldenrod
#0ea277  rgb(14, 162, 119)  hsl(163, 84%, 35%)  Jungle Green