#702F49

#702F49

Color Values

HEX

#702F49

RGB

112, 47, 73

HSL

336.0, 40.9%, 31.2%

HSV

336.0, 58.0%, 43.9%

CMYK

0.0%, 58.0%, 34.8%, 56.1%

OKLCH

0.4032 0.0967 357.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#702F49

#2F7056

Analogous

#702F6A

#70362F

#702F49

Triadic

#702F49

#49702F

#2F4970

Split Complementary

#702F49

#2F7036

#2F6A70

Tetradic

#702F49

#6A702F

#2F7056

#362F70

Color Blindness Simulation

Original

#702F49

Protanopia

#545343

Deuteranopia

#585C41

Tritanopia

#6D3E3D

Achromatopsia

#3F3F3F

CSS Usage

background-color: #702F49;
color: #702F49;
border-color: #702F49;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACDD8
300
#DBA9BD
400
#C77A99
500
#B44B75
600
#903C5E
700
#73304B
800
#5A263B
900
#421F2D
950
#2A131C

Contrast Checker

Text on white

9.58:1

AA Pass AAA Pass

Text on black

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