ColorTool
Anmelden
#3F683B

#3f683b ≈ Hunter Green

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

#3f683b ist eine Farbe aus der Farbfamilie „Grün“ mit geringer Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 24,71 % Rot, 40,78 % Grün und 23,14 % Blau; im CMYK-Druck benötigt sie 39,42 % Cyan, 0 % Magenta, 43,27 % Gelb und 59,22 % Schwarz. Ihr Farbtonwinkel beträgt 114,67° bei 27,61 % Sättigung und 31,96 % 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 Corporate Designs. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 6,45:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Hunter Green (#355e3b), ΔE 4,3.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #3f683b
  2. #643b68

Geteilt komplementär

  1. #3f683b
  2. #4e3b68
  3. #683b55

Analog

  1. #55683b
  2. #3f683b
  3. #3b684e

Triadisch

  1. #3f683b
  2. #3b3f68
  3. #683b3f

Tetradisch

  1. #3f683b
  2. #3b6864
  3. #643b68
  4. #683b3f

Quadrat

  1. #3f683b
  2. #3b5568
  3. #643b68
  4. #684e3b

Monochrom

  1. #080d07
  2. #21371f
  3. #3f683b
  4. #5d9957
  5. #88b983

Schattierungen

#3f683b schrittweise mit Schwarz gemischt.

  1. #3f683b
  2. #395e35
  3. #32532f
  4. #2c4929
  5. #263e23
  6. #20341e
  7. #192a18
  8. #131f12
  9. #0d150c
  10. #060a06
  11. #000000

Tönungen

#3f683b schrittweise mit Weiß gemischt.

  1. #3f683b
  2. #52774f
  3. #658662
  4. #799576
  5. #8ca489
  6. #9fb49d
  7. #b2c3b1
  8. #c5d2c4
  9. #d9e1d8
  10. #ecf0eb
  11. #ffffff

Abtönungen

#3f683b schrittweise mit Grau gemischt.

  1. #3f683b
  2. #466a42
  3. #4c6d49
  4. #536f50
  5. #597257
  6. #60745e
  7. #667664
  8. #6d796b
  9. #737b72
  10. #7a7e79
  11. #808080

Lesbarer Text 6.45:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Lesbarer Text 3.25:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #5e5e5e ≈ 0.003% der Männer
Achromatomalie #536252 ≈ 0.001% der Männer
Protanopie #6a6138 ≈ 1.01% der Männer
Deuteranopie #645d3e ≈ 1.27% der Männer
Tritanopie #3b655d ≈ 0.0001% der Männer
Protanomalie #5c6439 ≈ 1.08% der Männer
Deuteranomalie #57613d ≈ 4.63% der Männer
Tritanomalie #3d6651 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-3f683b {
  color: #3f683b;
}
Hintergrund
.bg-3f683b {
  background-color: #3f683b;
  color: #ffffff;
}
Rahmen
.border-3f683b {
  border: 2px solid #3f683b;
}
CSS-Variablen
:root {
  --color-primary: #3f683b;
  --color-primary-rgb: 63 104 59;
  --color-primary-hsl: 115 28% 32%;
}
Verlauf
.gradient-3f683b {
  background: linear-gradient(135deg, #3f683b, #3b684e);
}
Farbiger Schatten
.shadow-3f683b {
  box-shadow: 0 8px 24px rgb(63 104 59 / 0.35);
}

#355e3b Hunter Green ΔE 4.30 #4f7942 Fern Green ΔE 6.46 #006b3c Cadmium Green ΔE 6.66 #556b2f Dark Olive Green ΔE 6.83 #195905 Lincoln Green ΔE 9.47 #006400 Dark Green ΔE 9.81 #006600 Pakistan Green ΔE 9.83 #c097c4 Invertiert #5e5e5e Graustufen 

Hunter Green
#3f683b  rgb(63, 104, 59)  hsl(115, 28%, 32%)  Hunter Green
#643b68  rgb(100, 59, 104)  hsl(295, 28%, 32%)  Byzantium
#3b3f68  rgb(59, 63, 104)  hsl(235, 28%, 32%)  Dark Slate Blue
#683b3f  rgb(104, 59, 63)  hsl(355, 28%, 32%)  Wine