ColorTool
Anmelden
#8FC702

#8fc702 ≈ Yellow Green

  • Gelbgrün
  • Helligkeit: geringer
  • Sättigung: leuchtender
  • Ausgewogen
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#8fc702 ist eine Farbe aus der Farbfamilie „Gelbgrün“ mit geringer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 56,08 % Rot, 78,04 % Grün und 0,78 % Blau; im CMYK-Druck benötigt sie 28,14 % Cyan, 0 % Magenta, 98,99 % Gelb und 21,96 % Schwarz. Ihr Farbtonwinkel beträgt 77,06° bei 98,01 % Sättigung und 39,41 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Frische, Wachstum und Vitalität verbunden. Designer verwenden sie häufig für nachhaltige Marken, Gesundheit und Wellness und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 10,34:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Yellow Green (#9acd32), ΔE 2,49.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #8fc702
  2. #3a02c7

Geteilt komplementär

  1. #8fc702
  2. #022cc7
  3. #9d02c7

Analog

  1. #c79d02
  2. #8fc702
  3. #2cc702

Triadisch

  1. #8fc702
  2. #028fc7
  3. #c7028f

Tetradisch

  1. #8fc702
  2. #02c73a
  3. #3a02c7
  4. #c7028f

Quadrat

  1. #8fc702
  2. #02c79d
  3. #3a02c7
  4. #c7022c

Monochrom

  1. #223000
  2. #597b01
  3. #8fc702
  4. #bcfd19
  5. #d2fd65

Schattierungen

#8fc702 schrittweise mit Schwarz gemischt.

  1. #8fc702
  2. #81b302
  3. #729f02
  4. #648b01
  5. #567701
  6. #486401
  7. #395001
  8. #2b3c01
  9. #1d2800
  10. #0e1400
  11. #000000

Tönungen

#8fc702 schrittweise mit Weiß gemischt.

  1. #8fc702
  2. #9acd1b
  3. #a5d235
  4. #b1d84e
  5. #bcdd67
  6. #c7e381
  7. #d2e99a
  8. #ddeeb3
  9. #e9f4cc
  10. #f4f9e6
  11. #ffffff

Abtönungen

#8fc702 schrittweise mit Grau gemischt.

  1. #8fc702
  2. #8ec00f
  3. #8cb91b
  4. #8bb228
  5. #89ab34
  6. #88a441
  7. #869c4e
  8. #85955a
  9. #838e67
  10. #828773
  11. #808080

Lesbarer Text 2.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 10.34:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b6b6b6 ≈ 0.003% der Männer
Achromatomalie #a8bd90 ≈ 0.001% der Männer
Protanopie #d2b800 ≈ 1.01% der Männer
Deuteranopie #cab529 ≈ 1.27% der Männer
Tritanopie #95bda9 ≈ 0.0001% der Männer
Protanomalie #bbbe00 ≈ 1.08% der Männer
Deuteranomalie #b6bc1f ≈ 4.63% der Männer
Tritanomalie #93c186 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-8fc702 {
  color: #8fc702;
}
Hintergrund
.bg-8fc702 {
  background-color: #8fc702;
  color: #000000;
}
Rahmen
.border-8fc702 {
  border: 2px solid #8fc702;
}
CSS-Variablen
:root {
  --color-primary: #8fc702;
  --color-primary-rgb: 143 199 2;
  --color-primary-hsl: 77 98% 39%;
}
Verlauf
.gradient-8fc702 {
  background: linear-gradient(135deg, #8fc702, #2cc702);
}
Farbiger Schatten
.shadow-8fc702 {
  box-shadow: 0 8px 24px rgb(143 199 2 / 0.35);
}

#9acd32 Yellow Green ΔE 2.49 #8db600 Apple Green ΔE 4.57 #bdda57 June Bud ΔE 7.81 #4cbb17 Kelly Green ΔE 9.09 #b2ec5d Inchworm ΔE 9.60 #32cd32 Lime Green ΔE 10.79 #93c572 Pistachio ΔE 10.84 #7038fd Invertiert #b6b6b6 Graustufen 

Yellow Green
#8fc702  rgb(143, 199, 2)  hsl(77, 98%, 39%)  Yellow Green
#3a02c7  rgb(58, 2, 199)  hsl(257, 98%, 39%)  Medium Blue
#028fc7  rgb(2, 143, 199)  hsl(197, 98%, 39%)  Steel Blue
#c7028f  rgb(199, 2, 143)  hsl(317, 98%, 39%)  Medium Violet Red