ColorTool
Anmelden
#E8A486

#e8a486 ≈ Dark Salmon

  • Orange
  • Helligkeit: hoher
  • Sättigung: mäßiger
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#e8a486 ist eine Farbe aus der Farbfamilie „Orange“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 90,98 % Rot, 64,31 % Grün und 52,55 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 29,31 % Magenta, 42,24 % Gelb und 9,02 % Schwarz. Ihr Farbtonwinkel beträgt 18,37° bei 68,06 % Sättigung und 71,76 % 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. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 10,09:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Dark Salmon (#e9967a), ΔE 4,25.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #e8a486
  2. #86cae8

Geteilt komplementär

  1. #e8a486
  2. #86e8d5
  3. #8699e8

Analog

  1. #e88699
  2. #e8a486
  3. #e8d586

Triadisch

  1. #e8a486
  2. #86e8a4
  3. #a486e8

Tetradisch

  1. #e8a486
  2. #cae886
  3. #86cae8
  4. #a486e8

Quadrat

  1. #e8a486
  2. #99e886
  3. #86cae8
  4. #d586e8

Monochrom

  1. #b34e22
  2. #dc7446
  3. #e8a486
  4. #f4d4c6
  5. #fcf2ee

Schattierungen

#e8a486 schrittweise mit Schwarz gemischt.

  1. #e8a486
  2. #d19479
  3. #ba836b
  4. #a2735e
  5. #8b6250
  6. #745243
  7. #5d4236
  8. #463128
  9. #2e211b
  10. #17100d
  11. #000000

Tönungen

#e8a486 schrittweise mit Weiß gemischt.

  1. #e8a486
  2. #eaad92
  3. #edb69e
  4. #efbfaa
  5. #f1c8b6
  6. #f4d2c3
  7. #f6dbcf
  8. #f8e4db
  9. #faede7
  10. #fdf6f3
  11. #ffffff

Abtönungen

#e8a486 schrittweise mit Grau gemischt.

  1. #e8a486
  2. #dea085
  3. #d39d85
  4. #c99984
  5. #be9684
  6. #b49283
  7. #aa8e82
  8. #9f8b82
  9. #958781
  10. #8a8481
  11. #808080

Lesbarer Text 2.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 10.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b4b4b4 ≈ 0.003% der Männer
Achromatomalie #cbaea3 ≈ 0.001% der Männer
Protanopie #b5ab84 ≈ 1.01% der Männer
Deuteranopie #c6b986 ≈ 1.27% der Männer
Tritanopie #f8999c ≈ 0.0001% der Männer
Protanomalie #cca885 ≈ 1.08% der Männer
Deuteranomalie #d4b186 ≈ 4.63% der Männer
Tritanomalie #f29d94 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-e8a486 {
  color: #e8a486;
}
Hintergrund
.bg-e8a486 {
  background-color: #e8a486;
  color: #000000;
}
Rahmen
.border-e8a486 {
  border: 2px solid #e8a486;
}
CSS-Variablen
:root {
  --color-primary: #e8a486;
  --color-primary-rgb: 232 164 134;
  --color-primary-hsl: 18 68% 72%;
}
Verlauf
.gradient-e8a486 {
  background: linear-gradient(135deg, #e8a486, #e8d586);
}
Farbiger Schatten
.shadow-e8a486 {
  box-shadow: 0 8px 24px rgb(232 164 134 / 0.35);
}

#e9967a Dark Salmon ΔE 4.25 #deaa88 Tumbleweed ΔE 4.61 #ffa07a Light Salmon ΔE 5.00 #ffa089 Vivid Tangerine ΔE 6.21 #d68a59 Raw Sienna ΔE 8.94 #ebc2af Zinnwaldite ΔE 9.01 #d99058 Persian Orange ΔE 9.23 #175b79 Invertiert #b4b4b4 Graustufen 

Dark Salmon
#e8a486  rgb(232, 164, 134)  hsl(18, 68%, 72%)  Dark Salmon
#86cae8  rgb(134, 202, 232)  hsl(198, 68%, 72%)  Sky Blue
#86e8a4  rgb(134, 232, 164)  hsl(138, 68%, 72%)  Light Green
#a486e8  rgb(164, 134, 232)  hsl(258, 68%, 72%)  Floral Lavender