#702C71

#702C71

Color Values

HEX

#702C71

RGB

112, 44, 113

HSL

299.1, 43.9%, 30.8%

HSV

299.1, 61.1%, 44.3%

CMYK

0.9%, 61.1%, 0.0%, 55.7%

OKLCH

0.4177 0.1321 327.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#702C71

#2D712C

Analogous

#4E2C71

#712C50

#702C71

Triadic

#702C71

#71702C

#2C7170

Split Complementary

#702C71

#50712C

#2C714E

Tetradic

#702C71

#714E2C

#2D712C

#2C5071

Color Blindness Simulation

Original

#702C71

Protanopia

#535260

Deuteranopia

#565C5C

Tritanopia

#6D5350

Achromatopsia

#3F3F3F

CSS Usage

background-color: #702C71;
color: #702C71;
border-color: #702C71;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCCEB
300
#DCA7DD
400
#C977CA
500
#B648B7
600
#913993
700
#742E75
800
#5B245C
900
#431D44
950
#2A132B

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

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