ColorTool
Anmelden
#02C718

#02c718 ≈ Lime Green

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

#02c718 ist eine Farbe aus der Farbfamilie „Grün“ mit geringer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 0,78 % Rot, 78,04 % Grün und 9,41 % Blau; im CMYK-Druck benötigt sie 98,99 % Cyan, 0 % Magenta, 87,94 % Gelb und 21,96 % Schwarz. Ihr Farbtonwinkel beträgt 126,7° bei 98,01 % Sättigung und 39,41 % 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 9,19:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Lime Green (#32cd32), ΔE 2,2.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #02c718
  2. #c702b1

Geteilt komplementär

  1. #02c718
  2. #7a02c7
  3. #c7024e

Analog

  1. #4ec702
  2. #02c718
  3. #02c77a

Triadisch

  1. #02c718
  2. #1802c7
  3. #c71802

Tetradisch

  1. #02c718
  2. #02b1c7
  3. #c702b1
  4. #c71802

Quadrat

  1. #02c718
  2. #024ec7
  3. #c702b1
  4. #c77a02

Monochrom

  1. #003006
  2. #017b0f
  3. #02c718
  4. #19fd32
  5. #65fd76

Schattierungen

#02c718 schrittweise mit Schwarz gemischt.

  1. #02c718
  2. #02b316
  3. #029f13
  4. #018b11
  5. #01770e
  6. #01640c
  7. #01500a
  8. #013c07
  9. #002805
  10. #001402
  11. #000000

Tönungen

#02c718 schrittweise mit Weiß gemischt.

  1. #02c718
  2. #1bcd2f
  3. #35d246
  4. #4ed85d
  5. #67dd74
  6. #81e38c
  7. #9ae9a3
  8. #b3eeba
  9. #ccf4d1
  10. #e6f9e8
  11. #ffffff

Abtönungen

#02c718 schrittweise mit Grau gemischt.

  1. #02c718
  2. #0fc022
  3. #1bb92d
  4. #28b237
  5. #34ab42
  6. #41a44c
  7. #4e9c56
  8. #5a9561
  9. #678e6b
  10. #738776
  11. #808080

Lesbarer Text 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 9.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #ababab ≈ 0.003% der Männer
Achromatomalie #88b789 ≈ 0.001% der Männer
Protanopie #cbb300 ≈ 1.01% der Männer
Deuteranopie #baa733 ≈ 1.27% der Männer
Tritanopie #00c1a9 ≈ 0.0001% der Männer
Protanomalie #a2bb00 ≈ 1.08% der Männer
Deuteranomalie #94b52b ≈ 4.63% der Männer
Tritanomalie #00c387 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

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

#32cd32 Lime Green ΔE 2.20 #4cbb17 Kelly Green ΔE 4.16 #0bda51 Malachite ΔE 6.02 #74c365 Mantis ΔE 8.74 #77dd77 Pastel Green ΔE 10.25 #50c878 Emerald ΔE 10.48 #9acd32 Yellow Green ΔE 11.75 #fd38e7 Invertiert #ababab Graustufen 

Lime Green
#02c718  rgb(2, 199, 24)  hsl(127, 98%, 39%)  Lime Green
#c702b1  rgb(199, 2, 177)  hsl(307, 98%, 39%)  Medium Violet Red
#1802c7  rgb(24, 2, 199)  hsl(247, 98%, 39%)  Medium Blue
#c71802  rgb(199, 24, 2)  hsl(7, 98%, 39%)  Rosso Corsa