ColorTool
Anmelden
#880ECF

#880ecf ≈ Dark Violet

  • Violett
  • Helligkeit: mittlerer
  • Sättigung: leuchtender
  • Kühl
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#880ecf ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 53,33 % Rot, 5,49 % Grün und 81,18 % Blau; im CMYK-Druck benötigt sie 34,3 % Cyan, 93,24 % Magenta, 0 % Gelb und 18,82 % Schwarz. Ihr Farbtonwinkel beträgt 277,93° bei 87,33 % Sättigung und 43,33 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Fantasie, Spiritualität und Luxus verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Call-to-Action-Buttons. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 6,98:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Dark Violet (#9400d3), ΔE 1,92.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #880ecf
  2. #55cf0e

Geteilt komplementär

  1. #880ecf
  2. #b5cf0e
  3. #0ecf28

Analog

  1. #280ecf
  2. #880ecf
  3. #cf0eb5

Triadisch

  1. #880ecf
  2. #cf880e
  3. #0ecf88

Tetradisch

  1. #880ecf
  2. #cf0e55
  3. #55cf0e
  4. #0ecf88

Quadrat

  1. #880ecf
  2. #cf280e
  3. #55cf0e
  4. #0eb5cf

Monochrom

  1. #2a0440
  2. #590987
  3. #880ecf
  4. #ad38f2
  5. #cb80f6

Schattierungen

#880ecf schrittweise mit Schwarz gemischt.

  1. #880ecf
  2. #7a0dba
  3. #6d0ba6
  4. #5f0a91
  5. #52087c
  6. #440768
  7. #360653
  8. #29043e
  9. #1b0329
  10. #0e0115
  11. #000000

Tönungen

#880ecf schrittweise mit Weiß gemischt.

  1. #880ecf
  2. #9426d4
  3. #a03ed9
  4. #ac56dd
  5. #b86ee2
  6. #c487e7
  7. #cf9fec
  8. #dbb7f1
  9. #e7cff5
  10. #f3e7fa
  11. #ffffff

Abtönungen

#880ecf schrittweise mit Grau gemischt.

  1. #880ecf
  2. #8719c7
  3. #8625bf
  4. #8630b7
  5. #853caf
  6. #8447a8
  7. #8352a0
  8. #825e98
  9. #826990
  10. #817588
  11. #808080

Lesbarer Text 6.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Lesbarer Text 3.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #595959 ≈ 0.003% der Männer
Achromatomalie #6f4697 ≈ 0.001% der Männer
Protanopie #0056d4 ≈ 1.01% der Männer
Deuteranopie #005acc ≈ 1.27% der Männer
Tritanopie #7b4e7a ≈ 0.0001% der Männer
Protanomalie #3d44d2 ≈ 1.08% der Männer
Deuteranomalie #4b47cd ≈ 4.63% der Männer
Tritanomalie #803ea3 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-880ecf {
  color: #880ecf;
}
Hintergrund
.bg-880ecf {
  background-color: #880ecf;
  color: #ffffff;
}
Rahmen
.border-880ecf {
  border: 2px solid #880ecf;
}
CSS-Variablen
:root {
  --color-primary: #880ecf;
  --color-primary-rgb: 136 14 207;
  --color-primary-hsl: 278 87% 43%;
}
Verlauf
.gradient-880ecf {
  background: linear-gradient(135deg, #880ecf, #cf0eb5);
}
Farbiger Schatten
.shadow-880ecf {
  box-shadow: 0 8px 24px rgb(136 14 207 / 0.35);
}

#9400d3 Dark Violet ΔE 1.92 #8a2be2 Blue Violet ΔE 4.28 #9932cc Dark Orchid ΔE 5.56 #8f00ff Electric Violet ΔE 6.14 #6f00ff Electric Indigo ΔE 6.51 #9f00ff Vivid Violet ΔE 7.30 #5218fa Han Purple ΔE 8.23 #77f130 Invertiert #595959 Graustufen 

Dark Violet
#880ecf  rgb(136, 14, 207)  hsl(278, 87%, 43%)  Dark Violet
#55cf0e  rgb(85, 207, 14)  hsl(98, 87%, 43%)  Lime Green
#cf880e  rgb(207, 136, 14)  hsl(38, 87%, 43%)  Fulvous
#0ecf88  rgb(14, 207, 136)  hsl(158, 87%, 43%)  Caribbean Green