ColorTool
Log in
#AA939E

#aa939e ≈ Rose Quartz

  • rose
  • Lightness: high
  • Saturation: almost no
  • Neutral
Check contrast Explore in graph Random color

#aa939e is a color from the rose family, with high lightness and almost no saturation. In the RGB model it is made of 66.67% red, 57.65% green and 61.96% blue; printed in CMYK it uses 0% cyan, 13.53% magenta, 7.06% yellow and 33.33% black. Its hue angle is 331.3°, with 11.92% saturation and 62.16% lightness in HSL. It is a neutral color, 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 7.38:1 (WCAG AAA). The closest named color is Rose Quartz (#aa98a9), ΔE 3.26.

Description generated from the measured properties of this color.

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

Complementary

  1. #aa939e
  2. #93aa9f

Split complementary

  1. #aa939e
  2. #93aa94
  3. #93aaaa

Analogous

  1. #aa93aa
  2. #aa939e
  3. #aa9493

Triadic

  1. #aa939e
  2. #9eaa93
  3. #939eaa

Tetradic

  1. #aa939e
  2. #aa9f93
  3. #93aa9f
  4. #939eaa

Square

  1. #aa939e
  2. #aaaa93
  3. #93aa9f
  4. #9493aa

Monochromatic

  1. #5c4852
  2. #876a78
  3. #aa939e
  4. #ccbec4
  5. #ede9eb

Shades

#aa939e mixed progressively with black.

  1. #aa939e
  2. #99848e
  3. #88767e
  4. #77676f
  5. #66585f
  6. #554a4f
  7. #443b3f
  8. #332c2f
  9. #221d20
  10. #110f10
  11. #000000

Tints

#aa939e mixed progressively with white.

  1. #aa939e
  2. #b39ea8
  3. #bba9b1
  4. #c4b3bb
  5. #ccbec5
  6. #d5c9cf
  7. #ddd4d8
  8. #e6dfe2
  9. #eee9ec
  10. #f7f4f5
  11. #ffffff

Tones

#aa939e mixed progressively with gray.

  1. #aa939e
  2. #a6919b
  3. #a28f98
  4. #9d8d95
  5. #998b92
  6. #958a8f
  7. #91888c
  8. #8d8689
  9. #888486
  10. #848283
  11. #808080

Readable text 2.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #999999 ≈ 0.003% of males
Achromatomaly #a0979b ≈ 0.001% of males
Protanopia #94979e ≈ 1.01% of males
Deuteranopia #999a9d ≈ 1.27% of males
Tritanopia #ae9397 ≈ 0.0001% of males
Protanomaly #9e959e ≈ 1.08% of males
Deuteranomaly #a0979e ≈ 4.63% of males
Tritanomaly #ac939a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-aa939e {
  color: #aa939e;
}
Background
.bg-aa939e {
  background-color: #aa939e;
  color: #000000;
}
Border
.border-aa939e {
  border: 2px solid #aa939e;
}
CSS variables
:root {
  --color-primary: #aa939e;
  --color-primary-rgb: 170 147 158;
  --color-primary-hsl: 331 12% 62%;
}
Gradient
.gradient-aa939e {
  background: linear-gradient(135deg, #aa939e, #aa9493);
}
Colored shadow
.shadow-aa939e {
  box-shadow: 0 8px 24px rgb(170 147 158 / 0.35);
}

#aa98a9 Rose Quartz ΔE 3.26 #b39eb5 Pastel Purple ΔE 5.75 #bc8f8f Rosy Brown ΔE 8.07 #997a8d Mountbatten Pink ΔE 8.71 #c4aead Silver Pink ΔE 9.39 #8b8589 Taupe Gray ΔE 9.92 #c8a2c8 Lilac ΔE 11.15 #556c61 Inverted #999999 Grayscale 

Rose Quartz
#aa939e  rgb(170, 147, 158)  hsl(331, 12%, 62%)  Rose Quartz
#93aa9f  rgb(147, 170, 159)  hsl(151, 12%, 62%)  Opal
#9eaa93  rgb(158, 170, 147)  hsl(91, 12%, 62%)  Ash Gray
#939eaa  rgb(147, 158, 170)  hsl(211, 12%, 62%)  Dark Gray