#702147

#702147

Color Values

HEX

#702147

RGB

112, 33, 71

HSL

331.1, 54.5%, 28.4%

HSV

331.1, 70.5%, 43.9%

CMYK

0.0%, 70.5%, 36.6%, 56.1%

OKLCH

0.3836 0.1178 354.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#702147

#21704A

Analogous

#70216E

#702221

#702147

Triadic

#702147

#477021

#214770

Split Complementary

#702147

#217022

#216E70

Tetradic

#702147

#6E7021

#21704A

#222170

Color Blindness Simulation

Original

#702147

Protanopia

#4E4D3E

Deuteranopia

#52583C

Tritanopia

#6C3735

Achromatopsia

#353535

CSS Usage

background-color: #702147;
color: #702147;
border-color: #702147;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DB
300
#E3A0C1
400
#D46D9F
500
#C53A7D
600
#9E2E64
700
#7E2550
800
#621D3E
900
#481930
950
#2E101E

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

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