ColorTool
Anmelden
#9031FA

#9031fa ≈ Vivid Violet

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

#9031fa ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 56,47 % Rot, 19,22 % Grün und 98,04 % Blau; im CMYK-Druck benötigt sie 42,4 % Cyan, 80,4 % Magenta, 0 % Gelb und 1,96 % Schwarz. Ihr Farbtonwinkel beträgt 268,36° bei 95,26 % Sättigung und 58,63 % 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 5,24:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Vivid Violet (#9f00ff), ΔE 2,97.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #9031fa
  2. #9bfa31

Geteilt komplementär

  1. #9031fa
  2. #faf531
  3. #37fa31

Analog

  1. #3137fa
  2. #9031fa
  3. #f531fa

Triadisch

  1. #9031fa
  2. #fa9031
  3. #31fa90

Tetradisch

  1. #9031fa
  2. #fa319b
  3. #9bfa31
  4. #31fa90

Quadrat

  1. #9031fa
  2. #fa3137
  3. #9bfa31
  4. #31faf5

Monochrom

  1. #45038f
  2. #6905d9
  3. #9031fa
  4. #b87cfc
  5. #e0c6fe

Schattierungen

#9031fa schrittweise mit Schwarz gemischt.

  1. #9031fa
  2. #822ce1
  3. #7327c8
  4. #6522af
  5. #561d96
  6. #48197d
  7. #3a1464
  8. #2b0f4b
  9. #1d0a32
  10. #0e0519
  11. #000000

Tönungen

#9031fa schrittweise mit Weiß gemischt.

  1. #9031fa
  2. #9b46fb
  3. #a65afb
  4. #b16ffc
  5. #bc83fc
  6. #c898fd
  7. #d3adfd
  8. #dec1fe
  9. #e9d6fe
  10. #f4eaff
  11. #ffffff

Abtönungen

#9031fa schrittweise mit Grau gemischt.

  1. #9031fa
  2. #8e39ee
  3. #8d41e2
  4. #8b49d5
  5. #8a51c9
  6. #8859bd
  7. #8660b1
  8. #8568a5
  9. #837098
  10. #82788c
  11. #808080

Lesbarer Text 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Lesbarer Text 4.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #6c6c6c ≈ 0.003% der Männer
Achromatomalie #7c5ab7 ≈ 0.001% der Männer
Protanopie #006cff ≈ 1.01% der Männer
Deuteranopie #006af6 ≈ 1.27% der Männer
Tritanopie #756b98 ≈ 0.0001% der Männer
Protanomalie #385afd ≈ 1.08% der Männer
Deuteranomalie #4459f8 ≈ 4.63% der Männer
Tritanomalie #8159c7 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-9031fa {
  color: #9031fa;
}
Hintergrund
.bg-9031fa {
  background-color: #9031fa;
  color: #ffffff;
}
Rahmen
.border-9031fa {
  border: 2px solid #9031fa;
}
CSS-Variablen
:root {
  --color-primary: #9031fa;
  --color-primary-rgb: 144 49 250;
  --color-primary-hsl: 268 95% 59%;
}
Verlauf
.gradient-9031fa {
  background: linear-gradient(135deg, #9031fa, #f531fa);
}
Farbiger Schatten
.shadow-9031fa {
  box-shadow: 0 8px 24px rgb(144 49 250 / 0.35);
}

#9f00ff Vivid Violet ΔE 2.97 #8f00ff Electric Violet ΔE 3.41 #8a2be2 Blue Violet ΔE 3.74 #9932cc Dark Orchid ΔE 6.44 #6f00ff Electric Indigo ΔE 6.87 #bf00ff Electric Purple ΔE 6.98 #9400d3 Dark Violet ΔE 7.23 #6fce05 Invertiert #6c6c6c Graustufen 

Vivid Violet
#9031fa  rgb(144, 49, 250)  hsl(268, 95%, 59%)  Vivid Violet
#9bfa31  rgb(155, 250, 49)  hsl(88, 95%, 59%)  Green Yellow
#fa9031  rgb(250, 144, 49)  hsl(28, 95%, 59%)  Dark Orange
#31fa90  rgb(49, 250, 144)  hsl(148, 95%, 59%)  Medium Spring Green