#701CBA

#701CBA

Color Values

HEX

#701CBA

RGB

112, 28, 186

HSL

271.9, 73.8%, 42.0%

HSV

271.9, 84.9%, 72.9%

CMYK

39.8%, 84.9%, 0.0%, 27.1%

OKLCH

0.4564 0.2205 301.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#701CBA

#66BA1C

Analogous

#211CBA

#BA1CB5

#701CBA

Triadic

#701CBA

#BA701C

#1CBA70

Split Complementary

#701CBA

#B5BA1C

#1CBA21

Tetradic

#701CBA

#BA211C

#66BA1C

#1CB5BA

Color Blindness Simulation

Original

#701CBA

Protanopia

#4C4B94

Deuteranopia

#50578B

Tritanopia

#6C766F

Achromatopsia

#393939

CSS Usage

background-color: #701CBA;
color: #701CBA;
border-color: #701CBA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC1F6
300
#C595EF
400
#A55BE6
500
#8521DE
600
#6B1BB1
700
#55158E
800
#43116F
900
#321051
950
#200A33

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

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