ColorTool
Log in
#9570FF

#9570ff ≈ Medium Purple

  • violet
  • Lightness: high
  • Saturation: strong
  • Cool
Check contrast Explore in graph Random color

#9570ff is a color from the violet family, with high lightness and strong saturation. In the RGB model it is made of 58.43% red, 43.92% green and 100% blue; printed in CMYK it uses 41.57% cyan, 56.08% magenta, 0% yellow and 0% black. Its hue angle is 255.52°, with 100% saturation and 71.96% lightness in HSL. It is a cool color, often associated with imagination, spirituality and luxury. Designers typically use it for beauty and cosmetics, creative studios and call-to-action buttons. Black text on this color reaches a contrast ratio of 6.04:1 (WCAG AA). The closest named color is Medium Purple (#9370db), ΔE 5.27.

Description generated from the measured properties of this color.

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

Complementary

  1. #9570ff
  2. #daff70

Split complementary

  1. #9570ff
  2. #ffdc70
  3. #93ff70

Analogous

  1. #7093ff
  2. #9570ff
  3. #dc70ff

Triadic

  1. #9570ff
  2. #ff9570
  3. #70ff95

Tetradic

  1. #9570ff
  2. #ff70da
  3. #daff70
  4. #70ff95

Square

  1. #9570ff
  2. #ff7093
  3. #daff70
  4. #70ffdc

Monochromatic

  1. #3700d6
  2. #5c23ff
  3. #9570ff
  4. #cebcff
  5. #f0ebff

Shades

#9570ff mixed progressively with black.

  1. #9570ff
  2. #8665e6
  3. #775acc
  4. #684eb3
  5. #594399
  6. #4b3880
  7. #3c2d66
  8. #2d224d
  9. #1e1633
  10. #0f0b1a
  11. #000000

Tints

#9570ff mixed progressively with white.

  1. #9570ff
  2. #a07eff
  3. #aa8dff
  4. #b59bff
  5. #bfa9ff
  6. #cab8ff
  7. #d5c6ff
  8. #dfd4ff
  9. #eae2ff
  10. #f4f1ff
  11. #ffffff

Tones

#9570ff mixed progressively with gray.

  1. #9570ff
  2. #9372f2
  3. #9173e6
  4. #8f75d9
  5. #8d76cc
  6. #8b78c0
  7. #887ab3
  8. #867ba6
  9. #847d99
  10. #827e8d
  11. #808080

Readable text 3.48:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #898989 ≈ 0.003% of males
Achromatomaly #8e80c4 ≈ 0.001% of males
Protanopia #1c8cff ≈ 1.01% of males
Deuteranopia #2987fc ≈ 1.27% of males
Tritanopia #778fad ≈ 0.0001% of males
Protanomaly #6482ff ≈ 1.08% of males
Deuteranomaly #667efd ≈ 4.63% of males
Tritanomaly #8484d3 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-9570ff {
  color: #9570ff;
}
Background
.bg-9570ff {
  background-color: #9570ff;
  color: #000000;
}
Border
.border-9570ff {
  border: 2px solid #9570ff;
}
CSS variables
:root {
  --color-primary: #9570ff;
  --color-primary-rgb: 149 112 255;
  --color-primary-hsl: 256 100% 72%;
}
Gradient
.gradient-9570ff {
  background: linear-gradient(135deg, #9570ff, #dc70ff);
}
Colored shadow
.shadow-9570ff {
  box-shadow: 0 8px 24px rgb(149 112 255 / 0.35);
}

#9370db Medium Purple ΔE 5.27 #7b68ee Medium Slate Blue ΔE 5.44 #9966cc Amethyst ΔE 8.62 #b57edc Floral Lavender ΔE 10.16 #ba55d3 Medium Orchid ΔE 12.09 #6a5acd Slate Blue ΔE 12.34 #4166f5 Ultramarine Blue ΔE 12.68 #6a8f00 Inverted #898989 Grayscale 

Medium Purple
#9570ff  rgb(149, 112, 255)  hsl(256, 100%, 72%)  Medium Purple
#daff70  rgb(218, 255, 112)  hsl(76, 100%, 72%)  Inchworm
#ff9570  rgb(255, 149, 112)  hsl(16, 100%, 72%)  Light Salmon
#70ff95  rgb(112, 255, 149)  hsl(136, 100%, 72%)  Mint Green