#700277

#700277

Color Values

HEX

#700277

RGB

112, 2, 119

HSL

296.4, 96.7%, 23.7%

HSV

296.4, 98.3%, 46.7%

CMYK

5.9%, 98.3%, 0.0%, 53.3%

OKLCH

0.3883 0.1797 325.2

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#700277

#097702

Analogous

#350277

#770243

#700277

Triadic

#700277

#777002

#027770

Split Complementary

#700277

#437702

#027735

Tetradic

#700277

#773502

#097702

#024377

Color Blindness Simulation

Original

#700277

Protanopia

#403F5B

Deuteranopia

#474F54

Tritanopia

#6A443F

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FAB9FE
300
#F687FD
400
#F145FC
500
#EC04FB
600
#BD03C9
700
#9703A1
800
#76027D
900
#56065B
950
#360439

Contrast Checker

Text on white

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