#5A2F48

#5A2F48

Color Values

HEX

#5A2F48

RGB

90, 47, 72

HSL

325.1, 31.4%, 26.9%

HSV

325.1, 47.8%, 35.3%

CMYK

0.0%, 47.8%, 20.0%, 64.7%

OKLCH

0.3695 0.0716 345.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#5A2F48

#2F5A41

Analogous

#572F5A

#5A2F33

#5A2F48

Triadic

#5A2F48

#485A2F

#2F485A

Split Complementary

#5A2F48

#335A2F

#2F5A57

Tetradic

#5A2F48

#5A572F

#2F5A41

#2F335A

Color Blindness Simulation

Original

#5A2F48

Protanopia

#474742

Deuteranopia

#4A4D40

Tritanopia

#583D3C

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E8EE
200
#E7D0DD
300
#D5AFC5
400
#BE83A5
500
#A85786
600
#86466B
700
#6B3856
800
#542C43
900
#3E2333
950
#271620

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

1.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026