ColorTool
Log in
#976984

#976984 ≈ Mauve Taupe

  • rose
  • Lightness: medium
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#976984 is a color from the rose family, with medium lightness and muted saturation. In the RGB model it is made of 59.22% red, 41.18% green and 51.76% blue; printed in CMYK it uses 0% cyan, 30.46% magenta, 12.58% yellow and 40.78% black. Its hue angle is 324.78°, with 18.11% saturation and 50.2% lightness in HSL. It sits between warm and cool, and is often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and brand accents. Black text on this color reaches a contrast ratio of 4.67:1 (WCAG AA). The closest named color is Mauve Taupe (#915f6d), ΔE 6.31.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#996699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.1835

Complementary

  1. #976984
  2. #69977c

Split complementary

  1. #976984
  2. #6d9769
  3. #699793

Analogous

  1. #936997
  2. #976984
  3. #97696d

Triadic

  1. #976984
  2. #849769
  3. #698497

Tetradic

  1. #976984
  2. #977c69
  3. #69977c
  4. #698497

Square

  1. #976984
  2. #979369
  3. #69977c
  4. #696d97

Monochromatic

  1. #3d2a35
  2. #6a4a5d
  3. #976984
  4. #b696a9
  5. #d6c3ce

Shades

#976984 mixed progressively with black.

  1. #976984
  2. #885f77
  3. #79546a
  4. #6a4a5c
  5. #5b3f4f
  6. #4c3542
  7. #3c2a35
  8. #2d2028
  9. #1e151a
  10. #0f0b0d
  11. #000000

Tints

#976984 mixed progressively with white.

  1. #976984
  2. #a17890
  3. #ac879d
  4. #b696a9
  5. #c1a5b5
  6. #cbb4c2
  7. #d5c3ce
  8. #e0d2da
  9. #eae1e6
  10. #f5f0f3
  11. #ffffff

Tones

#976984 mixed progressively with gray.

  1. #976984
  2. #956b84
  3. #926e83
  4. #907083
  5. #8e7282
  6. #8c7582
  7. #897782
  8. #877981
  9. #857b81
  10. #827e80
  11. #808080

Readable text 4.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 4.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #777777 ≈ 0.003% of males
Achromatomaly #85717c ≈ 0.001% of males
Protanopia #6c7285 ≈ 1.01% of males
Deuteranopia #767983 ≈ 1.27% of males
Tritanopia #9d6972 ≈ 0.0001% of males
Protanomaly #7f6f85 ≈ 1.08% of males
Deuteranomaly #857383 ≈ 4.63% of males
Tritanomaly #9b697a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-976984 {
  color: #976984;
}
Background
.bg-976984 {
  background-color: #976984;
  color: #000000;
}
Border
.border-976984 {
  border: 2px solid #976984;
}
CSS variables
:root {
  --color-primary: #976984;
  --color-primary-rgb: 151 105 132;
  --color-primary-hsl: 325 18% 50%;
}
Gradient
.gradient-976984 {
  background: linear-gradient(135deg, #976984, #97696d);
}
Colored shadow
.shadow-976984 {
  box-shadow: 0 8px 24px rgb(151 105 132 / 0.35);
}

#915f6d Mauve Taupe ΔE 6.31 #997a8d Mountbatten Pink ΔE 6.54 #b57281 Turkish Rose ΔE 9.04 #796878 Old Lavender ΔE 9.61 #8a496b Twilight Lavender ΔE 10.37 #b76e79 Rose Gold ΔE 10.49 #996666 Copper Rose ΔE 10.61 #68967b Inverted #777777 Grayscale 

Mauve Taupe
#976984  rgb(151, 105, 132)  hsl(325, 18%, 50%)  Mauve Taupe
#69977c  rgb(105, 151, 124)  hsl(145, 18%, 50%)  Xanadu
#849769  rgb(132, 151, 105)  hsl(85, 18%, 50%)  Moss Green
#698497  rgb(105, 132, 151)  hsl(205, 18%, 50%)  Slate Gray