#3A0525

#3A0525

Color Values

HEX

#3A0525

RGB

58, 5, 37

HSL

323.8, 84.1%, 12.4%

HSV

323.8, 91.4%, 22.7%

CMYK

0.0%, 91.4%, 36.2%, 77.3%

OKLCH

0.237 0.0887 349.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3A0525

#053A1A

Analogous

#35053A

#3A050B

#3A0525

Triadic

#3A0525

#253A05

#05253A

Split Complementary

#3A0525

#0B3A05

#053A35

Tetradic

#3A0525

#3A3505

#053A1A

#050B3A

Color Blindness Simulation

Original

#3A0525

Protanopia

#23231D

Deuteranopia

#262A1B

Tritanopia

#371716

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0F0
200
#F9BDE2
300
#F58ECC
400
#F051B1
500
#EB1496
600
#BC1078
700
#960D60
800
#750A4B
900
#550C38
950
#360723

Contrast Checker

Text on white

17.1:1

AA Pass AAA Pass

Text on black

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