#472030

#472030

Color Values

HEX

#472030

RGB

71, 32, 48

HSL

335.4, 37.9%, 20.2%

HSV

335.4, 54.9%, 27.8%

CMYK

0.0%, 54.9%, 32.4%, 72.2%

OKLCH

0.3039 0.0632 355.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#472030

#204737

Analogous

#472044

#472420

#472030

Triadic

#472030

#304720

#203047

Split Complementary

#472030

#204724

#204447

Tetradic

#472030

#444720

#204737

#242047

Color Blindness Simulation

Original

#472030

Protanopia

#36362C

Deuteranopia

#383B2B

Tritanopia

#452928

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CED9
300
#D9ABBE
400
#C47D9A
500
#B04F77
600
#8D3F5F
700
#71334C
800
#58283B
900
#41202D
950
#29141D

Contrast Checker

Text on white

13.84:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026