ColorTool
Anmelden
#8D685E

#8d685e ≈ Copper Rose

  • Orange
  • Helligkeit: mittlerer
  • Sättigung: gedämpfter
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#8d685e ist eine Farbe aus der Farbfamilie „Orange“ mit mittlerer Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 55,29 % Rot, 40,78 % Grün und 36,86 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 26,24 % Magenta, 33,33 % Gelb und 44,71 % Schwarz. Ihr Farbtonwinkel beträgt 12,77° bei 20 % Sättigung und 46,08 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Begeisterung, Wärme und Kreativität verbunden. Designer verwenden sie häufig für Call-to-Action-Buttons, Lebensmittelmarken und Restaurants und Markenakzente. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 4,91:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Copper Rose (#996666), ΔE 6,21.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #8d685e
  2. #5e838d

Geteilt komplementär

  1. #8d685e
  2. #5e8d80
  3. #5e6c8d

Analog

  1. #8d5e6c
  2. #8d685e
  3. #8d805e

Triadisch

  1. #8d685e
  2. #5e8d68
  3. #685e8d

Tetradisch

  1. #8d685e
  2. #838d5e
  3. #5e838d
  4. #685e8d

Quadrat

  1. #8d685e
  2. #6c8d5e
  3. #5e838d
  4. #805e8d

Monochrom

  1. #312421
  2. #5f463f
  3. #8d685e
  4. #b09088
  5. #cebbb6

Schattierungen

#8d685e schrittweise mit Schwarz gemischt.

  1. #8d685e
  2. #7f5e55
  3. #71534b
  4. #634942
  5. #553e38
  6. #47342f
  7. #382a26
  8. #2a1f1c
  9. #1c1513
  10. #0e0a09
  11. #000000

Tönungen

#8d685e schrittweise mit Weiß gemischt.

  1. #8d685e
  2. #98776e
  3. #a4867e
  4. #af958e
  5. #bba49e
  6. #c6b4af
  7. #d1c3bf
  8. #ddd2cf
  9. #e8e1df
  10. #f4f0ef
  11. #ffffff

Abtönungen

#8d685e schrittweise mit Grau gemischt.

  1. #8d685e
  2. #8c6a61
  3. #8a6d65
  4. #896f68
  5. #88726c
  6. #87746f
  7. #857672
  8. #847976
  9. #837b79
  10. #817e7d
  11. #808080

Lesbarer Text 4.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Lesbarer Text 4.27:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #717171 ≈ 0.003% der Männer
Achromatomalie #7d6d6a ≈ 0.001% der Männer
Protanopie #706c5d ≈ 1.01% der Männer
Deuteranopie #79735e ≈ 1.27% der Männer
Tritanopie #966365 ≈ 0.0001% der Männer
Protanomalie #7d6b5e ≈ 1.08% der Männer
Deuteranomalie #826f5e ≈ 4.63% der Männer
Tritanomalie #926562 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-8d685e {
  color: #8d685e;
}
Hintergrund
.bg-8d685e {
  background-color: #8d685e;
  color: #ffffff;
}
Rahmen
.border-8d685e {
  border: 2px solid #8d685e;
}
CSS-Variablen
:root {
  --color-primary: #8d685e;
  --color-primary-rgb: 141 104 94;
  --color-primary-hsl: 13 20% 46%;
}
Verlauf
.gradient-8d685e {
  background: linear-gradient(135deg, #8d685e, #8d805e);
}
Farbiger Schatten
.shadow-8d685e {
  box-shadow: 0 8px 24px rgb(141 104 94 / 0.35);
}

#996666 Copper Rose ΔE 6.21 #a45a52 Redwood ΔE 8.83 #9f8170 Beaver ΔE 10.05 #915f6d Mauve Taupe ΔE 10.82 #a67b5b Cafe au Lait ΔE 11.40 #674c47 Liver ΔE 11.57 #7c4848 Tuscan Red ΔE 11.75 #7297a1 Invertiert #717171 Graustufen 

Copper Rose
#8d685e  rgb(141, 104, 94)  hsl(13, 20%, 46%)  Copper Rose
#5e838d  rgb(94, 131, 141)  hsl(193, 20%, 46%)  Teal Blue
#5e8d68  rgb(94, 141, 104)  hsl(133, 20%, 46%)  Sea Green
#685e8d  rgb(104, 94, 141)  hsl(253, 20%, 46%)  Royal Purple