ColorTool
Anmelden
#AB9084

#ab9084 ≈ Beaver

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

#ab9084 ist eine Farbe aus der Farbfamilie „Orange“ mit mittlerer Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 67,06 % Rot, 56,47 % Grün und 51,76 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 15,79 % Magenta, 22,81 % Gelb und 32,94 % Schwarz. Ihr Farbtonwinkel beträgt 18,46° bei 18,84 % Sättigung und 59,41 % 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 7,05:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Beaver (#9f8170), ΔE 5,46.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #ab9084
  2. #849fab

Geteilt komplementär

  1. #ab9084
  2. #84aba3
  3. #848bab

Analog

  1. #ab848b
  2. #ab9084
  3. #aba384

Triadisch

  1. #ab9084
  2. #84ab90
  3. #9084ab

Tetradisch

  1. #ab9084
  2. #9fab84
  3. #849fab
  4. #9084ab

Quadrat

  1. #ab9084
  2. #8bab84
  3. #849fab
  4. #a384ab

Monochrom

  1. #59463d
  2. #87695c
  3. #ab9084
  4. #cab9b1
  5. #e9e2df

Schattierungen

#ab9084 schrittweise mit Schwarz gemischt.

  1. #ab9084
  2. #9a8277
  3. #89736a
  4. #78655c
  5. #67564f
  6. #564842
  7. #443a35
  8. #332b28
  9. #221d1a
  10. #110e0d
  11. #000000

Tönungen

#ab9084 schrittweise mit Weiß gemischt.

  1. #ab9084
  2. #b39b90
  3. #bca69d
  4. #c4b1a9
  5. #cdbcb5
  6. #d5c8c2
  7. #ddd3ce
  8. #e6deda
  9. #eee9e6
  10. #f7f4f3
  11. #ffffff

Abtönungen

#ab9084 schrittweise mit Grau gemischt.

  1. #ab9084
  2. #a78e84
  3. #a28d83
  4. #9e8b83
  5. #9a8a82
  6. #968882
  7. #918682
  8. #8d8581
  9. #898381
  10. #848280
  11. #808080

Lesbarer Text 2.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 7.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #959595 ≈ 0.003% der Männer
Achromatomalie #9f938f ≈ 0.001% der Männer
Protanopie #979283 ≈ 1.01% der Männer
Deuteranopie #9d9884 ≈ 1.27% der Männer
Tritanopie #b38c8d ≈ 0.0001% der Männer
Protanomalie #9f9184 ≈ 1.08% der Männer
Deuteranomalie #a39584 ≈ 4.63% der Männer
Tritanomalie #b08e89 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-ab9084 {
  color: #ab9084;
}
Hintergrund
.bg-ab9084 {
  background-color: #ab9084;
  color: #000000;
}
Rahmen
.border-ab9084 {
  border: 2px solid #ab9084;
}
CSS-Variablen
:root {
  --color-primary: #ab9084;
  --color-primary-rgb: 171 144 132;
  --color-primary-hsl: 18 19% 59%;
}
Verlauf
.gradient-ab9084 {
  background: linear-gradient(135deg, #ab9084, #aba384);
}
Farbiger Schatten
.shadow-ab9084 {
  box-shadow: 0 8px 24px rgb(171 144 132 / 0.35);
}

#9f8170 Beaver ΔE 5.46 #bc8f8f Rosy Brown ΔE 8.71 #a67b5b Cafe au Lait ΔE 10.11 #c4aead Silver Pink ΔE 10.27 #8b8589 Taupe Gray ΔE 11.54 #c19a6b Camel ΔE 12.21 #c08081 Old Rose ΔE 12.24 #546f7b Invertiert #959595 Graustufen 

Beaver
#ab9084  rgb(171, 144, 132)  hsl(18, 19%, 59%)  Beaver
#849fab  rgb(132, 159, 171)  hsl(198, 19%, 59%)  Moonstone Blue
#84ab90  rgb(132, 171, 144)  hsl(138, 19%, 59%)  Dark Sea Green
#9084ab  rgb(144, 132, 171)  hsl(258, 19%, 59%)  Purple Mountain Majesty