ColorTool
Anmelden
#A64D63

#a64d63 ≈ Mauve Taupe

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

#a64d63 ist eine Farbe aus der Farbfamilie „Rot“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 65,1 % Rot, 30,2 % Grün und 38,82 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 53,61 % Magenta, 40,36 % Gelb und 34,9 % Schwarz. Ihr Farbtonwinkel beträgt 345,17° bei 36,63 % Sättigung und 47,65 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Energie, Leidenschaft und Dringlichkeit verbunden. Designer verwenden sie häufig für Lebensmittelmarken und Restaurants, Sales und Aktionen und Markenakzente. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,44:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Mauve Taupe (#915f6d), ΔE 7,53.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #a64d63
  2. #4da690

Geteilt komplementär

  1. #a64d63
  2. #4da664
  3. #4d90a6

Analog

  1. #a64d90
  2. #a64d63
  3. #a6644d

Triadisch

  1. #a64d63
  2. #63a64d
  3. #4d63a6

Tetradisch

  1. #a64d63
  2. #a6904d
  3. #4da690
  4. #4d63a6

Quadrat

  1. #a64d63
  2. #90a64d
  3. #4da690
  4. #644da6

Monochrom

  1. #3d1d25
  2. #723544
  3. #a64d63
  4. #c37d8e
  5. #dbb1bb

Schattierungen

#a64d63 schrittweise mit Schwarz gemischt.

  1. #a64d63
  2. #954559
  3. #853e4f
  4. #743645
  5. #642e3b
  6. #532732
  7. #421f28
  8. #32171e
  9. #210f14
  10. #11080a
  11. #000000

Tönungen

#a64d63 schrittweise mit Weiß gemischt.

  1. #a64d63
  2. #af5f73
  3. #b87182
  4. #c18292
  5. #ca94a1
  6. #d3a6b1
  7. #dbb8c1
  8. #e4cad0
  9. #eddbe0
  10. #f6edef
  11. #ffffff

Abtönungen

#a64d63 schrittweise mit Grau gemischt.

  1. #a64d63
  2. #a25266
  3. #9e5769
  4. #9b5c6c
  5. #97616f
  6. #936772
  7. #8f6c74
  8. #8b7177
  9. #88767a
  10. #847b7d
  11. #808080

Lesbarer Text 5.44:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Lesbarer Text 3.86:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #6a6a6a ≈ 0.003% der Männer
Achromatomalie #865f67 ≈ 0.001% der Männer
Protanopie #5d5f64 ≈ 1.01% der Männer
Deuteranopie #747061 ≈ 1.27% der Männer
Tritanopie #b34455 ≈ 0.0001% der Männer
Protanomalie #815863 ≈ 1.08% der Männer
Deuteranomalie #8b6462 ≈ 4.63% der Männer
Tritanomalie #ae485b ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-a64d63 {
  color: #a64d63;
}
Hintergrund
.bg-a64d63 {
  background-color: #a64d63;
  color: #ffffff;
}
Rahmen
.border-a64d63 {
  border: 2px solid #a64d63;
}
CSS-Variablen
:root {
  --color-primary: #a64d63;
  --color-primary-rgb: 166 77 99;
  --color-primary-hsl: 345 37% 48%;
}
Verlauf
.gradient-a64d63 {
  background: linear-gradient(135deg, #a64d63, #a6644d);
}
Farbiger Schatten
.shadow-a64d63 {
  box-shadow: 0 8px 24px rgb(166 77 99 / 0.35);
}

#915f6d Mauve Taupe ΔE 7.53 #8a496b Twilight Lavender ΔE 8.74 #cf3476 Telemagenta ΔE 8.95 #893f45 Cordovan ΔE 8.97 #cb4154 Brick Red ΔE 9.31 #d71868 Dogwood Rose ΔE 9.66 #996666 Copper Rose ΔE 9.71 #59b29c Invertiert #6a6a6a Graustufen 

Mauve Taupe
#a64d63  rgb(166, 77, 99)  hsl(345, 37%, 48%)  Mauve Taupe
#4da690  rgb(77, 166, 144)  hsl(165, 37%, 48%)  Persian Green
#63a64d  rgb(99, 166, 77)  hsl(105, 37%, 48%)  Asparagus
#4d63a6  rgb(77, 99, 166)  hsl(225, 37%, 48%)  Queen Blue