ColorTool
Anmelden
#998377

#998377 ≈ Beaver

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

#998377 ist eine Farbe aus der Farbfamilie „Orange“ mit mittlerer Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 60 % Rot, 51,37 % Grün und 46,67 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 14,38 % Magenta, 22,22 % Gelb und 40 % Schwarz. Ihr Farbtonwinkel beträgt 21,18° bei 14,29 % Sättigung und 53,33 % 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 5,87:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Beaver (#9f8170), ΔE 3,13.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #998377
  2. #778d99

Geteilt komplementär

  1. #998377
  2. #779994
  3. #777c99

Analog

  1. #99777c
  2. #998377
  3. #999477

Triadisch

  1. #998377
  2. #779983
  3. #837799

Tetradisch

  1. #998377
  2. #8d9977
  3. #778d99
  4. #837799

Quadrat

  1. #998377
  2. #7c9977
  3. #778d99
  4. #947799

Monochrom

  1. #443933
  2. #705e54
  3. #998377
  4. #baaba3
  5. #dbd3ce

Schattierungen

#998377 schrittweise mit Schwarz gemischt.

  1. #998377
  2. #8a766b
  3. #7a695f
  4. #6b5c53
  5. #5c4f47
  6. #4d423c
  7. #3d3430
  8. #2e2724
  9. #1f1a18
  10. #0f0d0c
  11. #000000

Tönungen

#998377 schrittweise mit Weiß gemischt.

  1. #998377
  2. #a38f85
  3. #ad9c92
  4. #b8a8a0
  5. #c2b5ad
  6. #ccc1bb
  7. #d6cdc9
  8. #e0dad6
  9. #ebe6e4
  10. #f5f3f1
  11. #ffffff

Abtönungen

#998377 schrittweise mit Grau gemischt.

  1. #998377
  2. #978378
  3. #948279
  4. #92827a
  5. #8f827b
  6. #8d827c
  7. #8a817c
  8. #88817d
  9. #85817e
  10. #83807f
  11. #808080

Lesbarer Text 3.58:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 5.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #878787 ≈ 0.003% der Männer
Achromatomalie #8f8681 ≈ 0.001% der Männer
Protanopie #898576 ≈ 1.01% der Männer
Deuteranopie #8e8977 ≈ 1.27% der Männer
Tritanopie #a07f80 ≈ 0.0001% der Männer
Protanomalie #908477 ≈ 1.08% der Männer
Deuteranomalie #928777 ≈ 4.63% der Männer
Tritanomalie #9d817c ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-998377 {
  color: #998377;
}
Hintergrund
.bg-998377 {
  background-color: #998377;
  color: #000000;
}
Rahmen
.border-998377 {
  border: 2px solid #998377;
}
CSS-Variablen
:root {
  --color-primary: #998377;
  --color-primary-rgb: 153 131 119;
  --color-primary-hsl: 21 14% 53%;
}
Verlauf
.gradient-998377 {
  background: linear-gradient(135deg, #998377, #999477);
}
Farbiger Schatten
.shadow-998377 {
  box-shadow: 0 8px 24px rgb(153 131 119 / 0.35);
}

#9f8170 Beaver ΔE 3.13 #a67b5b Cafe au Lait ΔE 8.73 #8b8589 Taupe Gray ΔE 9.51 #848482 Battleship Gray ΔE 10.39 #808080 Gray ΔE 10.73 #808080 Grey ΔE 10.73 #bc8f8f Rosy Brown ΔE 12.00 #667c88 Invertiert #878787 Graustufen 

Beaver
#998377  rgb(153, 131, 119)  hsl(21, 14%, 53%)  Beaver
#778d99  rgb(119, 141, 153)  hsl(201, 14%, 53%)  Light Slate Gray
#779983  rgb(119, 153, 131)  hsl(141, 14%, 53%)  Xanadu
#837799  rgb(131, 119, 153)  hsl(261, 14%, 53%)  Purple Mountain Majesty