ColorTool
Anmelden
#16E336

#16e336 ≈ Malachite

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

#16e336 ist eine Farbe aus der Farbfamilie „Grün“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 8,63 % Rot, 89,02 % Grün und 21,18 % Blau; im CMYK-Druck benötigt sie 90,31 % Cyan, 0 % Magenta, 76,21 % Gelb und 10,98 % Schwarz. Ihr Farbtonwinkel beträgt 129,37° bei 82,33 % Sättigung und 48,82 % 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 12,08:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Malachite (#0bda51), ΔE 3,79.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #16e336
  2. #e316c3

Geteilt komplementär

  1. #16e336
  2. #9d16e3
  3. #e3165c

Analog

  1. #5ce316
  2. #16e336
  3. #16e39d

Triadisch

  1. #16e336
  2. #3616e3
  3. #e33616

Tetradisch

  1. #16e336
  2. #16c3e3
  3. #e316c3
  4. #e33616

Quadrat

  1. #16e336
  2. #165ce3
  3. #e316c3
  4. #e39d16

Monochrom

  1. #085815
  2. #0f9d25
  3. #16e336
  4. #57ef6f
  5. #9df5aa

Schattierungen

#16e336 schrittweise mit Schwarz gemischt.

  1. #16e336
  2. #14cc31
  3. #12b62b
  4. #0f9f26
  5. #0d8820
  6. #0b721b
  7. #095b16
  8. #074410
  9. #042d0b
  10. #021705
  11. #000000

Tönungen

#16e336 schrittweise mit Weiß gemischt.

  1. #16e336
  2. #2de64a
  3. #45e95e
  4. #5ceb72
  5. #73ee86
  6. #8bf19b
  7. #a2f4af
  8. #b9f7c3
  9. #d0f9d7
  10. #e8fceb
  11. #ffffff

Abtönungen

#16e336 schrittweise mit Grau gemischt.

  1. #16e336
  2. #21d93d
  3. #2bcf45
  4. #36c54c
  5. #40bb54
  6. #4bb25b
  7. #56a862
  8. #609e6a
  9. #6b9471
  10. #758a79
  11. #808080

Lesbarer Text 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 12.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #c4c4c4 ≈ 0.003% der Männer
Achromatomalie #9dd19f ≈ 0.001% der Männer
Protanopie #e7cd06 ≈ 1.01% der Männer
Deuteranopie #d4bf4a ≈ 1.27% der Männer
Tritanopie #00ddc2 ≈ 0.0001% der Männer
Protanomalie #b9d622 ≈ 1.08% der Männer
Deuteranomalie #a9ce43 ≈ 4.63% der Männer
Tritanomalie #00df9e ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-16e336 {
  color: #16e336;
}
Hintergrund
.bg-16e336 {
  background-color: #16e336;
  color: #000000;
}
Rahmen
.border-16e336 {
  border: 2px solid #16e336;
}
CSS-Variablen
:root {
  --color-primary: #16e336;
  --color-primary-rgb: 22 227 54;
  --color-primary-hsl: 129 82% 49%;
}
Verlauf
.gradient-16e336 {
  background: linear-gradient(135deg, #16e336, #16e39d);
}
Farbiger Schatten
.shadow-16e336 {
  box-shadow: 0 8px 24px rgb(22 227 54 / 0.35);
}

#0bda51 Malachite ΔE 3.79 #32cd32 Lime Green ΔE 5.22 #00ff00 Lime ΔE 6.68 #39ff14 Neon Green ΔE 6.83 #3fff00 Harlequin ΔE 7.10 #77dd77 Pastel Green ΔE 7.79 #00ff7f Spring Green ΔE 8.44 #e91cc9 Invertiert #c4c4c4 Graustufen 

Malachite
#16e336  rgb(22, 227, 54)  hsl(129, 82%, 49%)  Malachite
#e316c3  rgb(227, 22, 195)  hsl(309, 82%, 49%)  Shocking Pink
#3616e3  rgb(54, 22, 227)  hsl(249, 82%, 49%)  Blue
#e33616  rgb(227, 54, 22)  hsl(9, 82%, 49%)  Lust