ColorTool
Log in
#C701AF

#c701af ≈ Medium Violet Red

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

#c701af is a color from the magenta family, with low lightness and vivid saturation. In the RGB model it is made of 78.04% red, 0.39% green and 68.63% blue; printed in CMYK it uses 0% cyan, 99.5% magenta, 12.06% yellow and 21.96% black. Its hue angle is 307.27°, with 99% saturation and 39.22% 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 call-to-action buttons. White text on this color reaches a contrast ratio of 5.18:1 (WCAG AA). The closest named color is Medium Violet Red (#c71585), ΔE 7.99.

Description generated from the measured properties of this color.

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

Complementary

  1. #c701af
  2. #01c719

Split complementary

  1. #c701af
  2. #4cc701
  3. #01c77c

Analogous

  1. #7c01c7
  2. #c701af
  3. #c7014c

Triadic

  1. #c701af
  2. #afc701
  3. #01afc7

Tetradic

  1. #c701af
  2. #c71901
  3. #01c719
  4. #01afc7

Square

  1. #c701af
  2. #c77c01
  3. #01c719
  4. #014cc7

Monochromatic

  1. #2f0029
  2. #7b016c
  3. #c701af
  4. #fe17e2
  5. #fe63eb

Shades

#c701af mixed progressively with black.

  1. #c701af
  2. #b3019e
  3. #9f018c
  4. #8b017b
  5. #770169
  6. #640158
  7. #500046
  8. #3c0035
  9. #280023
  10. #140012
  11. #000000

Tints

#c701af mixed progressively with white.

  1. #c701af
  2. #cd1ab7
  3. #d234bf
  4. #d84dc7
  5. #dd67cf
  6. #e380d7
  7. #e999df
  8. #eeb3e7
  9. #f4ccef
  10. #f9e6f7
  11. #ffffff

Tones

#c701af mixed progressively with gray.

  1. #c701af
  2. #c00eaa
  3. #b91aa6
  4. #b227a1
  5. #ab349c
  6. #a44198
  7. #9c4d93
  8. #955a8e
  9. #8e6789
  10. #877385
  11. #808080

Readable text 5.18:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 4.05:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #6d6d6d ≈ 0.003% of males
Achromatomaly #99558c ≈ 0.001% of males
Protanopia #005cb3 ≈ 1.01% of males
Deuteranopia #5e76ab ≈ 1.27% of males
Tritanopia #d12566 ≈ 0.0001% of males
Protanomaly #8348b1 ≈ 1.08% of males
Deuteranomaly #945dad ≈ 4.63% of males
Tritanomaly #cd1c89 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-c701af {
  color: #c701af;
}
Background
.bg-c701af {
  background-color: #c701af;
  color: #ffffff;
}
Border
.border-c701af {
  border: 2px solid #c701af;
}
CSS variables
:root {
  --color-primary: #c701af;
  --color-primary-rgb: 199 1 175;
  --color-primary-hsl: 307 99% 39%;
}
Gradient
.gradient-c701af {
  background: linear-gradient(135deg, #c701af, #c7014c);
}
Colored shadow
.shadow-c701af {
  box-shadow: 0 8px 24px rgb(199 1 175 / 0.35);
}

#c71585 Medium Violet Red ΔE 7.99 #9a4eae Purpureus ΔE 9.28 #9932cc Dark Orchid ΔE 10.24 #ba55d3 Medium Orchid ΔE 10.72 #c54b8c Mulberry ΔE 11.23 #8e4585 Deep Plum ΔE 11.52 #fc0fc0 Shocking Pink ΔE 11.64 #38fe50 Inverted #6d6d6d Grayscale 

Medium Violet Red
#c701af  rgb(199, 1, 175)  hsl(307, 99%, 39%)  Medium Violet Red
#01c719  rgb(1, 199, 25)  hsl(127, 99%, 39%)  Lime Green
#afc701  rgb(175, 199, 1)  hsl(67, 99%, 39%)  Yellow Green
#01afc7  rgb(1, 175, 199)  hsl(187, 99%, 39%)  Bondi Blue