ColorTool
Log in
#AA027F

#aa027f ≈ Medium Violet Red

  • magenta
  • Lightness: low
  • Saturation: strong
  • Balanced
Check contrast Explore in graph Random color

#aa027f is a color from the magenta family, with low lightness and strong saturation. In the RGB model it is made of 66.67% red, 0.78% green and 49.8% blue; printed in CMYK it uses 0% cyan, 98.82% magenta, 25.29% yellow and 33.33% black. Its hue angle is 315.36°, with 97.67% saturation and 33.73% lightness in HSL. It sits between warm and cool, and is often associated with creativity, boldness and individuality. Designers typically use it for beauty and cosmetics, creative studios and corporate identities. White text on this color reaches a contrast ratio of 6.94:1 (WCAG AA). The closest named color is Medium Violet Red (#c71585), ΔE 6.82.

Description generated from the measured properties of this color.

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

Complementary

  1. #aa027f
  2. #02aa2d

Split complementary

  1. #aa027f
  2. #2baa02
  3. #02aa81

Analogous

  1. #8102aa
  2. #aa027f
  3. #aa022b

Triadic

  1. #aa027f
  2. #7faa02
  3. #027faa

Tetradic

  1. #aa027f
  2. #aa2d02
  3. #02aa2d
  4. #027faa

Square

  1. #aa027f
  2. #aa8102
  3. #02aa2d
  4. #022baa

Monochromatic

  1. #14000f
  2. #5e0147
  3. #aa027f
  4. #f603b7
  5. #fd48cf

Shades

#aa027f mixed progressively with black.

  1. #aa027f
  2. #990272
  3. #880266
  4. #770159
  5. #66014c
  6. #550140
  7. #440133
  8. #330126
  9. #220019
  10. #11000d
  11. #000000

Tints

#aa027f mixed progressively with white.

  1. #aa027f
  2. #b31b8c
  3. #bb3599
  4. #c44ea5
  5. #cc67b2
  6. #d581bf
  7. #dd9acc
  8. #e6b3d9
  9. #eecce5
  10. #f7e6f2
  11. #ffffff

Tones

#aa027f mixed progressively with gray.

  1. #aa027f
  2. #a60f7f
  3. #a21b7f
  4. #9d287f
  5. #99347f
  6. #954180
  7. #914e80
  8. #8d5a80
  9. #886780
  10. #847380
  11. #808080

Readable text 6.94:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.02:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #5a5a5a ≈ 0.003% of males
Achromatomaly #82466b ≈ 0.001% of males
Protanopia #254a82 ≈ 1.01% of males
Deuteranopia #59627c ≈ 1.27% of males
Tritanopia #b60149 ≈ 0.0001% of males
Protanomaly #733981 ≈ 1.08% of males
Deuteranomaly #814d7d ≈ 4.63% of males
Tritanomaly #b10263 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-aa027f {
  color: #aa027f;
}
Background
.bg-aa027f {
  background-color: #aa027f;
  color: #ffffff;
}
Border
.border-aa027f {
  border: 2px solid #aa027f;
}
CSS variables
:root {
  --color-primary: #aa027f;
  --color-primary-rgb: 170 2 127;
  --color-primary-hsl: 315 98% 34%;
}
Gradient
.gradient-aa027f {
  background: linear-gradient(135deg, #aa027f, #aa022b);
}
Colored shadow
.shadow-aa027f {
  box-shadow: 0 8px 24px rgb(170 2 127 / 0.35);
}

#c71585 Medium Violet Red ΔE 6.82 #a50b5e Jazzberry Jam ΔE 7.31 #8b008b Dark Magenta ΔE 8.14 #880085 Mardi Gras ΔE 8.16 #8e4585 Deep Plum ΔE 8.56 #873260 Boysenberry ΔE 8.92 #800080 Purple ΔE 9.45 #55fd80 Inverted #5a5a5a Grayscale 

Medium Violet Red
#aa027f  rgb(170, 2, 127)  hsl(315, 98%, 34%)  Medium Violet Red
#02aa2d  rgb(2, 170, 45)  hsl(135, 98%, 34%)  Kelly Green
#7faa02  rgb(127, 170, 2)  hsl(75, 98%, 34%)  Apple Green
#027faa  rgb(2, 127, 170)  hsl(195, 98%, 34%)  Cerulean