#702F56

#702F56

Color Values

HEX

#702F56

RGB

112, 47, 86

HSL

324.0, 40.9%, 31.2%

HSV

324.0, 58.0%, 43.9%

CMYK

0.0%, 58.0%, 23.2%, 56.1%

OKLCH

0.4083 0.1042 345.7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#702F56

#2F7049

Analogous

#6A2F70

#702F36

#702F56

Triadic

#702F56

#56702F

#2F5670

Split Complementary

#702F56

#36702F

#2F706A

Tetradic

#702F56

#706A2F

#2F7049

#2F3670

Color Blindness Simulation

Original

#702F56

Protanopia

#54534D

Deuteranopia

#585C4A

Tritanopia

#6D4543

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA9C7
400
#C77AA8
500
#B44B8A
600
#903C6E
700
#733058
800
#5A2645
900
#421F34
950
#2A1321

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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