#703C9D

#703C9D

Color Values

HEX

#703C9D

RGB

112, 60, 157

HSL

272.2, 44.7%, 42.5%

HSV

272.2, 61.8%, 61.6%

CMYK

28.7%, 61.8%, 0.0%, 38.4%

OKLCH

0.4678 0.1544 306.0

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#703C9D

#699D3C

Analogous

#3F3C9D

#9D3C99

#703C9D

Triadic

#703C9D

#9D703C

#3C9D70

Split Complementary

#703C9D

#999D3C

#3C9D3F

Tetradic

#703C9D

#9D3F3C

#699D3C

#3C999D

Color Blindness Simulation

Original

#703C9D

Protanopia

#595986

Deuteranopia

#5C6080

Tritanopia

#6D736F

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DCCBEB
300
#C4A6DD
400
#A476CB
500
#8447B8
600
#693894
700
#542D76
800
#42235C
900
#321D44
950
#20122B

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

2.82: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