#701CC0

#701CC0

Color Values

HEX

#701CC0

RGB

112, 28, 192

HSL

270.7, 74.5%, 43.1%

HSV

270.7, 85.4%, 75.3%

CMYK

41.7%, 85.4%, 0.0%, 24.7%

OKLCH

0.4618 0.226 300.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#701CC0

#6CC01C

Analogous

#1E1CC0

#C01CBE

#701CC0

Triadic

#701CC0

#C0701C

#1CC070

Split Complementary

#701CC0

#BEC01C

#1CC01E

Tetradic

#701CC0

#C01E1C

#6CC01C

#1CBEC0

Color Blindness Simulation

Original

#701CC0

Protanopia

#4C4B98

Deuteranopia

#50578F

Tritanopia

#6C7972

Achromatopsia

#3A3A3A

CSS Usage

background-color: #701CC0;
color: #701CC0;
border-color: #701CC0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DCC1F6
300
#C394EF
400
#A25AE7
500
#8221DE
600
#681AB2
700
#53158E
800
#41106F
900
#311051
950
#1F0A33

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

2.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026