#700772

#700772

Color Values

HEX

#700772

RGB

112, 7, 114

HSL

298.9, 88.4%, 23.7%

HSV

298.9, 93.9%, 44.7%

CMYK

1.8%, 93.9%, 0.0%, 55.3%

OKLCH

0.3871 0.173 327.4

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#700772

#097207

Analogous

#3A0772

#72073E

#700772

Triadic

#700772

#727007

#077270

Split Complementary

#700772

#3E7207

#07723A

Tetradic

#700772

#723A07

#097207

#073E72

Color Blindness Simulation

Original

#700772

Protanopia

#434258

Deuteranopia

#495052

Tritanopia

#6B443F

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABCFB
300
#F68CF8
400
#F14DF4
500
#EC0FF0
600
#BD0CC0
700
#97099A
800
#760778
900
#560A57
950
#360637

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

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