#701193

#701193

Color Values

HEX

#701193

RGB

112, 17, 147

HSL

283.8, 79.3%, 32.2%

HSV

283.8, 88.4%, 57.6%

CMYK

23.8%, 88.4%, 0.0%, 42.4%

OKLCH

0.4164 0.1934 313.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#701193

#349311

Analogous

#2F1193

#931175

#701193

Triadic

#701193

#937011

#119370

Split Complementary

#701193

#759311

#11932F

Tetradic

#701193

#932F11

#349311

#117593

Color Blindness Simulation

Original

#701193

Protanopia

#474674

Deuteranopia

#4C536C

Tritanopia

#6B5B55

Achromatopsia

#2F2F2F

CSS Usage

background-color: #701193;
color: #701193;
border-color: #701193;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#FAF2FD
100
#F3E1F9
200
#E8BFF8
300
#D891F2
400
#C356EB
500
#AE1AE5
600
#8B15B7
700
#6F1192
800
#570D72
900
#400E53
950
#290934

Contrast Checker

Text on white

9.59:1

AA Pass AAA Pass

Text on black

2.19:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026