#703A95

#703A95

Color Values

HEX

#703A95

RGB

112, 58, 149

HSL

275.6, 44.0%, 40.6%

HSV

275.6, 61.1%, 58.4%

CMYK

24.8%, 61.1%, 0.0%, 41.6%

OKLCH

0.4595 0.1481 309.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#703A95

#5F953A

Analogous

#423A95

#953A8D

#703A95

Triadic

#703A95

#95703A

#3A9570

Split Complementary

#703A95

#8D953A

#3A9542

Tetradic

#703A95

#95423A

#5F953A

#3A8D95

Color Blindness Simulation

Original

#703A95

Protanopia

#59587F

Deuteranopia

#5C607A

Tritanopia

#6D6E6A

Achromatopsia

#4C4C4C

CSS Usage

background-color: #703A95;
color: #703A95;
border-color: #703A95;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DECCEB
300
#C7A7DD
400
#A877CA
500
#8A47B8
600
#6E3993
700
#582E76
800
#45245C
900
#341D44
950
#21122B

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026