#702C99

#702C99

Color Values

HEX

#702C99

RGB

112, 44, 153

HSL

277.4, 55.3%, 38.6%

HSV

277.4, 71.2%, 60.0%

CMYK

26.8%, 71.2%, 0.0%, 40.0%

OKLCH

0.444 0.1724 309.7

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#702C99

#55992C

Analogous

#392C99

#992C8B

#702C99

Triadic

#702C99

#99702C

#2C9970

Split Complementary

#702C99

#8B992C

#2C9939

Tetradic

#702C99

#99392C

#55992C

#2C8B99

Color Blindness Simulation

Original

#702C99

Protanopia

#53527F

Deuteranopia

#565C78

Tritanopia

#6D6A65

Achromatopsia

#424242

CSS Usage

background-color: #702C99;
color: #702C99;
border-color: #702C99;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#E0C8EF
300
#CAA0E4
400
#AE6CD5
500
#9139C6
600
#742E9E
700
#5D247F
800
#481C63
900
#361849
950
#220F2E

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

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