ColorTool
Log in
#AB81BB

#ab81bb ≈ Purple Mountain Majesty

  • magenta
  • Lightness: medium
  • Saturation: muted
  • Cool
Check contrast Explore in graph Random color

#ab81bb is a color from the magenta family, with medium lightness and muted saturation. In the RGB model it is made of 67.06% red, 50.59% green and 73.33% blue; printed in CMYK it uses 8.56% cyan, 31.02% magenta, 0% yellow and 26.67% black. Its hue angle is 283.45°, with 29.9% saturation and 61.96% lightness in HSL. It is a cool color, often associated with creativity, boldness and individuality. Designers typically use it for beauty and cosmetics, creative studios and brand accents. Black text on this color reaches a contrast ratio of 6.59:1 (WCAG AA). The closest named color is Purple Mountain Majesty (#9678b6), ΔE 5.31.

Description generated from the measured properties of this color.

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

Complementary

  1. #ab81bb
  2. #91bb81

Split complementary

  1. #ab81bb
  2. #aebb81
  3. #81bb8e

Analogous

  1. #8e81bb
  2. #ab81bb
  3. #bb81ae

Triadic

  1. #ab81bb
  2. #bbab81
  3. #81bbab

Tetradic

  1. #ab81bb
  2. #bb8191
  3. #91bb81
  4. #81bbab

Square

  1. #ab81bb
  2. #bb8e81
  3. #91bb81
  4. #81aebb

Monochromatic

  1. #5c396a
  2. #88549c
  3. #ab81bb
  4. #ccb3d6
  5. #ede4f1

Shades

#ab81bb mixed progressively with black.

  1. #ab81bb
  2. #9a74a8
  3. #896796
  4. #785a83
  5. #674d70
  6. #56415e
  7. #44344b
  8. #332738
  9. #221a25
  10. #110d13
  11. #000000

Tints

#ab81bb mixed progressively with white.

  1. #ab81bb
  2. #b38ec2
  3. #bc9ac9
  4. #c4a7cf
  5. #cdb3d6
  6. #d5c0dd
  7. #ddcde4
  8. #e6d9eb
  9. #eee6f1
  10. #f7f2f8
  11. #ffffff

Tones

#ab81bb mixed progressively with gray.

  1. #ab81bb
  2. #a781b5
  3. #a281af
  4. #9e81a9
  5. #9a81a3
  6. #96819e
  7. #918098
  8. #8d8092
  9. #89808c
  10. #848086
  11. #808080

Readable text 3.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #909090 ≈ 0.003% of males
Achromatomaly #9c8aa3 ≈ 0.001% of males
Protanopia #798ebd ≈ 1.01% of males
Deuteranopia #8391b9 ≈ 1.27% of males
Tritanopia #ab8896 ≈ 0.0001% of males
Protanomaly #9089bc ≈ 1.08% of males
Deuteranomaly #948bba ≈ 4.63% of males
Tritanomaly #ab85a6 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-ab81bb {
  color: #ab81bb;
}
Background
.bg-ab81bb {
  background-color: #ab81bb;
  color: #000000;
}
Border
.border-ab81bb {
  border: 2px solid #ab81bb;
}
CSS variables
:root {
  --color-primary: #ab81bb;
  --color-primary-rgb: 171 129 187;
  --color-primary-hsl: 283 30% 62%;
}
Gradient
.gradient-ab81bb {
  background: linear-gradient(135deg, #ab81bb, #bb81ae);
}
Colored shadow
.shadow-ab81bb {
  box-shadow: 0 8px 24px rgb(171 129 187 / 0.35);
}

#9678b6 Purple Mountain Majesty ΔE 5.31 #b57edc Floral Lavender ΔE 6.95 #c9a0dc Wisteria ΔE 9.43 #cf71af Sky Magenta ΔE 9.73 #da70d6 Orchid ΔE 10.30 #c8a2c8 Lilac ΔE 10.67 #9966cc Amethyst ΔE 10.98 #547e44 Inverted #909090 Grayscale 

Purple Mountain Majesty
#ab81bb  rgb(171, 129, 187)  hsl(283, 30%, 62%)  Purple Mountain Majesty
#91bb81  rgb(145, 187, 129)  hsl(103, 30%, 62%)  Dark Sea Green
#bbab81  rgb(187, 171, 129)  hsl(43, 30%, 62%)  Ecru
#81bbab  rgb(129, 187, 171)  hsl(163, 30%, 62%)  Medium Aquamarine