ColorTool
Anmelden
#20FB41

#20fb41 ≈ Lime

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

#20fb41 ist eine Farbe aus der Farbfamilie „Grün“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 12,55 % Rot, 98,43 % Grün und 25,49 % Blau; im CMYK-Druck benötigt sie 87,25 % Cyan, 0 % Magenta, 74,1 % Gelb und 1,57 % Schwarz. Ihr Farbtonwinkel beträgt 129,04° bei 96,48 % Sättigung und 55,49 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Natur, Gesundheit und Ausgeglichenheit 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 14,94:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Lime (#00ff00), ΔE 2,74.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #20fb41
  2. #fb20da

Geteilt komplementär

  1. #20fb41
  2. #ae20fb
  3. #fb206d

Analog

  1. #6dfb20
  2. #20fb41
  3. #20fbae

Triadisch

  1. #20fb41
  2. #4120fb
  3. #fb4120

Tetradisch

  1. #20fb41
  2. #20dafb
  3. #fb20da
  4. #fb4120

Quadrat

  1. #20fb41
  2. #206dfb
  3. #fb20da
  4. #fbae20

Monochrom

  1. #028015
  2. #04cb22
  3. #20fb41
  4. #6bfc81
  5. #b6fec1

Schattierungen

#20fb41 schrittweise mit Schwarz gemischt.

  1. #20fb41
  2. #1de23b
  3. #1ac934
  4. #16b02e
  5. #139727
  6. #107e21
  7. #0d641a
  8. #0a4b14
  9. #06320d
  10. #031907
  11. #000000

Tönungen

#20fb41 schrittweise mit Weiß gemischt.

  1. #20fb41
  2. #36fb54
  3. #4dfc67
  4. #63fc7a
  5. #79fd8d
  6. #90fda0
  7. #a6fdb3
  8. #bcfec6
  9. #d2fed9
  10. #e9ffec
  11. #ffffff

Abtönungen

#20fb41 schrittweise mit Grau gemischt.

  1. #20fb41
  2. #2aef47
  3. #33e24e
  4. #3dd654
  5. #46ca5a
  6. #50be61
  7. #5ab167
  8. #63a56d
  9. #6d9973
  10. #768c7a
  11. #808080

Lesbarer Text 1.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 14.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d9d9d9 ≈ 0.003% der Männer
Achromatomalie #aee8b1 ≈ 0.001% der Männer
Protanopie #ffe318 ≈ 1.01% der Männer
Deuteranopie #ead456 ≈ 1.27% der Männer
Tritanopie #00f4d7 ≈ 0.0001% der Männer
Protanomalie #cded2d ≈ 1.08% der Männer
Deuteranomalie #bbe44e ≈ 4.63% der Männer
Tritanomalie #00f7af ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-20fb41 {
  color: #20fb41;
}
Hintergrund
.bg-20fb41 {
  background-color: #20fb41;
  color: #000000;
}
Rahmen
.border-20fb41 {
  border: 2px solid #20fb41;
}
CSS-Variablen
:root {
  --color-primary: #20fb41;
  --color-primary-rgb: 32 251 65;
  --color-primary-hsl: 129 96% 55%;
}
Verlauf
.gradient-20fb41 {
  background: linear-gradient(135deg, #20fb41, #20fbae);
}
Farbiger Schatten
.shadow-20fb41 {
  box-shadow: 0 8px 24px rgb(32 251 65 / 0.35);
}

#00ff00 Lime ΔE 2.74 #39ff14 Neon Green ΔE 2.90 #3fff00 Harlequin ΔE 3.38 #00ff7f Spring Green ΔE 6.31 #7cfc00 Lawn Green ΔE 6.39 #7fff00 Chartreuse ΔE 6.67 #0bda51 Malachite ΔE 8.09 #df04be Invertiert #d9d9d9 Graustufen 

Lime
#20fb41  rgb(32, 251, 65)  hsl(129, 96%, 55%)  Lime
#fb20da  rgb(251, 32, 218)  hsl(309, 96%, 55%)  Shocking Pink
#4120fb  rgb(65, 32, 251)  hsl(249, 96%, 55%)  Han Purple
#fb4120  rgb(251, 65, 32)  hsl(9, 96%, 55%)  Ferrari Red