ColorTool
Anmelden
#AD613A

#ad613a ≈ Sienna

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

#ad613a ist eine Farbe aus der Farbfamilie „Orange“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 67,84 % Rot, 38,04 % Grün und 22,75 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 43,93 % Magenta, 66,47 % Gelb und 32,16 % Schwarz. Ihr Farbtonwinkel beträgt 20,35° bei 49,78 % Sättigung und 45,29 % 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,62:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Sienna (#a0522d), ΔE 5,32.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #ad613a
  2. #3a86ad

Geteilt komplementär

  1. #ad613a
  2. #3aad9a
  3. #3a4cad

Analog

  1. #ad3a4c
  2. #ad613a
  3. #ad9a3a

Triadisch

  1. #ad613a
  2. #3aad61
  3. #613aad

Tetradisch

  1. #ad613a
  2. #86ad3a
  3. #3a86ad
  4. #613aad

Quadrat

  1. #ad613a
  2. #4cad3a
  3. #3a86ad
  4. #9a3aad

Monochrom

  1. #3a2114
  2. #744127
  3. #ad613a
  4. #cc8a67
  5. #dfb6a1

Schattierungen

#ad613a schrittweise mit Schwarz gemischt.

  1. #ad613a
  2. #9c5734
  3. #8a4e2e
  4. #794429
  5. #683a23
  6. #57311d
  7. #452717
  8. #341d11
  9. #23130c
  10. #110a06
  11. #000000

Tönungen

#ad613a schrittweise mit Weiß gemischt.

  1. #ad613a
  2. #b5714e
  3. #bd8161
  4. #c69075
  5. #cea089
  6. #d6b09d
  7. #dec0b0
  8. #e6d0c4
  9. #efdfd8
  10. #f7efeb
  11. #ffffff

Abtönungen

#ad613a schrittweise mit Grau gemischt.

  1. #ad613a
  2. #a96441
  3. #a46748
  4. #a06a4f
  5. #9b6d56
  6. #97715d
  7. #927464
  8. #8e776b
  9. #897a72
  10. #857d79
  11. #808080

Lesbarer Text 4.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Lesbarer Text 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #757575 ≈ 0.003% der Männer
Achromatomalie #8f6d62 ≈ 0.001% der Männer
Protanopie #766b36 ≈ 1.01% der Männer
Deuteranopie #887b39 ≈ 1.27% der Männer
Tritanopie #bd5258 ≈ 0.0001% der Männer
Protanomalie #8f6738 ≈ 1.08% der Männer
Deuteranomalie #98723a ≈ 4.63% der Männer
Tritanomalie #b7584e ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-ad613a {
  color: #ad613a;
}
Hintergrund
.bg-ad613a {
  background-color: #ad613a;
  color: #ffffff;
}
Rahmen
.border-ad613a {
  border: 2px solid #ad613a;
}
CSS-Variablen
:root {
  --color-primary: #ad613a;
  --color-primary-rgb: 173 97 58;
  --color-primary-hsl: 20 50% 45%;
}
Verlauf
.gradient-ad613a {
  background: linear-gradient(135deg, #ad613a, #ad9a3a);
}
Farbiger Schatten
.shadow-ad613a {
  box-shadow: 0 8px 24px rgb(173 97 58 / 0.35);
}

#a0522d Sienna ΔE 5.32 #cc5500 Burnt Orange ΔE 8.57 #b7410e Rust ΔE 8.77 #b87333 Copper ΔE 9.13 #c04000 Mahogany ΔE 9.25 #cb410b Sinopia ΔE 9.47 #d2691e Chocolate ΔE 9.81 #529ec5 Invertiert #757575 Graustufen 

Sienna
#ad613a  rgb(173, 97, 58)  hsl(20, 50%, 45%)  Sienna
#3a86ad  rgb(58, 134, 173)  hsl(200, 50%, 45%)  Air Force Blue
#3aad61  rgb(58, 173, 97)  hsl(140, 50%, 45%)  Medium Sea Green
#613aad  rgb(97, 58, 173)  hsl(260, 50%, 45%)  Purple Heart