ColorTool
Anmelden
#57FF59

#57ff59 ≈ Neon Green

  • Grün
  • Helligkeit: hoher
  • Sättigung: kräftiger
  • Ausgewogen
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#57ff59 ist eine Farbe aus der Farbfamilie „Grün“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 34,12 % Rot, 100 % Grün und 34,9 % Blau; im CMYK-Druck benötigt sie 65,88 % Cyan, 0 % Magenta, 65,1 % Gelb und 0 % Schwarz. Ihr Farbtonwinkel beträgt 120,71° bei 100 % Sättigung und 67,06 % 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 15,85:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Neon Green (#39ff14), ΔE 3,86.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #57ff59
  2. #ff57fd

Geteilt komplementär

  1. #57ff59
  2. #ad57ff
  3. #ff57a9

Analog

  1. #a9ff57
  2. #57ff59
  3. #57ffad

Triadisch

  1. #57ff59
  2. #5957ff
  3. #ff5957

Tetradisch

  1. #57ff59
  2. #57fdff
  3. #ff57fd
  4. #ff5957

Quadrat

  1. #57ff59
  2. #57a9ff
  3. #ff57fd
  4. #ffad57

Monochrom

  1. #00bd02
  2. #0bff0d
  3. #57ff59
  4. #a4ffa5
  5. #ebffeb

Schattierungen

#57ff59 schrittweise mit Schwarz gemischt.

  1. #57ff59
  2. #4ee650
  3. #46cc47
  4. #3db33e
  5. #349935
  6. #2c802d
  7. #236624
  8. #1a4d1b
  9. #113312
  10. #091a09
  11. #000000

Tönungen

#57ff59 schrittweise mit Weiß gemischt.

  1. #57ff59
  2. #68ff6a
  3. #79ff7a
  4. #89ff8b
  5. #9aff9b
  6. #abffac
  7. #bcffbd
  8. #cdffcd
  9. #ddffde
  10. #eeffee
  11. #ffffff

Abtönungen

#57ff59 schrittweise mit Grau gemischt.

  1. #57ff59
  2. #5bf25d
  3. #5fe661
  4. #63d965
  5. #67cc69
  6. #6cc06d
  7. #70b370
  8. #74a674
  9. #789978
  10. #7c8d7c
  11. #808080

Lesbarer Text 1.32:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 15.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e0e0e0 ≈ 0.003% der Männer
Achromatomalie #b9edb9 ≈ 0.001% der Männer
Protanopie #ffe843 ≈ 1.01% der Männer
Deuteranopie #f0da68 ≈ 1.27% der Männer
Tritanopie #2cf8dd ≈ 0.0001% der Männer
Protanomalie #d5f24d ≈ 1.08% der Männer
Deuteranomalie #c6ea62 ≈ 4.63% der Männer
Tritanomalie #41fbb7 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-57ff59 {
  color: #57ff59;
}
Hintergrund
.bg-57ff59 {
  background-color: #57ff59;
  color: #000000;
}
Rahmen
.border-57ff59 {
  border: 2px solid #57ff59;
}
CSS-Variablen
:root {
  --color-primary: #57ff59;
  --color-primary-rgb: 87 255 89;
  --color-primary-hsl: 121 100% 67%;
}
Verlauf
.gradient-57ff59 {
  background: linear-gradient(135deg, #57ff59, #57ffad);
}
Farbiger Schatten
.shadow-57ff59 {
  box-shadow: 0 8px 24px rgb(87 255 89 / 0.35);
}

#39ff14 Neon Green ΔE 3.86 #00ff00 Lime ΔE 4.15 #3fff00 Harlequin ΔE 4.25 #00ff7f Spring Green ΔE 5.64 #7cfc00 Lawn Green ΔE 6.28 #7fff00 Chartreuse ΔE 6.45 #98ff98 Mint Green ΔE 7.60 #a800a6 Invertiert #e0e0e0 Graustufen 

Neon Green
#57ff59  rgb(87, 255, 89)  hsl(121, 100%, 67%)  Neon Green
#ff57fd  rgb(255, 87, 253)  hsl(301, 100%, 67%)  Fuchsia Pink
#5957ff  rgb(89, 87, 255)  hsl(241, 100%, 67%)  Majorelle Blue
#ff5957  rgb(255, 89, 87)  hsl(1, 100%, 67%)  Pastel Red