ColorTool
Anmelden
#C2AA95

#c2aa95 ≈ Tan

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

#c2aa95 ist eine Farbe aus der Farbfamilie „Orange“ mit hoher Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 76,08 % Rot, 66,67 % Grün und 58,43 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 12,37 % Magenta, 23,2 % Gelb und 23,92 % Schwarz. Ihr Farbtonwinkel beträgt 28° bei 26,95 % Sättigung und 67,25 % 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 9,48:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Tan (#d2b48c), ΔE 6,68.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #c2aa95
  2. #95adc2

Geteilt komplementär

  1. #c2aa95
  2. #95c2c0
  3. #9596c2

Analog

  1. #c29596
  2. #c2aa95
  3. #c2c095

Triadisch

  1. #c2aa95
  2. #95c2aa
  3. #aa95c2

Tetradisch

  1. #c2aa95
  2. #adc295
  3. #95adc2
  4. #aa95c2

Quadrat

  1. #c2aa95
  2. #96c295
  3. #95adc2
  4. #c095c2

Monochrom

  1. #795d45
  2. #a68364
  3. #c2aa95
  4. #ded1c6
  5. #f8f5f2

Schattierungen

#c2aa95 schrittweise mit Schwarz gemischt.

  1. #c2aa95
  2. #af9986
  3. #9b8877
  4. #887768
  5. #746659
  6. #61554b
  7. #4e443c
  8. #3a332d
  9. #27221e
  10. #13110f
  11. #000000

Tönungen

#c2aa95 schrittweise mit Weiß gemischt.

  1. #c2aa95
  2. #c8b3a0
  3. #cebbaa
  4. #d4c4b5
  5. #daccbf
  6. #e1d5ca
  7. #e7ddd5
  8. #ede6df
  9. #f3eeea
  10. #f9f7f4
  11. #ffffff

Abtönungen

#c2aa95 schrittweise mit Grau gemischt.

  1. #c2aa95
  2. #bba693
  3. #b5a291
  4. #ae9d8f
  5. #a8998d
  6. #a1958b
  7. #9a9188
  8. #948d86
  9. #8d8884
  10. #878482
  11. #808080

Lesbarer Text 2.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 9.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #aeaeae ≈ 0.003% der Männer
Achromatomalie #b6aca5 ≈ 0.001% der Männer
Protanopie #b2ab94 ≈ 1.01% der Männer
Deuteranopie #b7b095 ≈ 1.27% der Männer
Tritanopie #caa5a4 ≈ 0.0001% der Männer
Protanomalie #b8ab94 ≈ 1.08% der Männer
Deuteranomalie #bcae95 ≈ 4.63% der Männer
Tritanomalie #c7a79e ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-c2aa95 {
  color: #c2aa95;
}
Hintergrund
.bg-c2aa95 {
  background-color: #c2aa95;
  color: #000000;
}
Rahmen
.border-c2aa95 {
  border: 2px solid #c2aa95;
}
CSS-Variablen
:root {
  --color-primary: #c2aa95;
  --color-primary-rgb: 194 170 149;
  --color-primary-hsl: 28 27% 67%;
}
Verlauf
.gradient-c2aa95 {
  background: linear-gradient(135deg, #c2aa95, #c2c095);
}
Farbiger Schatten
.shadow-c2aa95 {
  box-shadow: 0 8px 24px rgb(194 170 149 / 0.35);
}

#d2b48c Tan ΔE 6.68 #deaa88 Tumbleweed ΔE 8.37 #c19a6b Camel ΔE 9.07 #deb887 Burly Wood ΔE 9.27 #edc9af Desert Sand ΔE 9.42 #c4aead Silver Pink ΔE 9.44 #ebc2af Zinnwaldite ΔE 9.75 #3d556a Invertiert #aeaeae Graustufen 

Tan
#c2aa95  rgb(194, 170, 149)  hsl(28, 27%, 67%)  Tan
#95adc2  rgb(149, 173, 194)  hsl(208, 27%, 67%)  Light Steel Blue
#95c2aa  rgb(149, 194, 170)  hsl(148, 27%, 67%)  Dark Sea Green
#aa95c2  rgb(170, 149, 194)  hsl(268, 27%, 67%)  Wisteria