#48172D

#48172D

Color Values

HEX

#48172D

RGB

72, 23, 45

HSL

333.1, 51.6%, 18.6%

HSV

333.1, 68.1%, 28.2%

CMYK

0.0%, 68.1%, 37.5%, 71.8%

OKLCH

0.2897 0.0793 355.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#48172D

#174832

Analogous

#481745

#481917

#48172D

Triadic

#48172D

#2D4817

#172D48

Split Complementary

#48172D

#174819

#174548

Tetradic

#48172D

#454817

#174832

#191748

Color Blindness Simulation

Original

#48172D

Protanopia

#333228

Deuteranopia

#363926

Tritanopia

#462323

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D9
300
#E1A2BF
400
#D1709C
500
#C13E79
600
#9B3161
700
#7C274D
800
#611F3C
900
#471A2E
950
#2D101D

Contrast Checker

Text on white

14.62:1

AA Pass AAA Pass

Text on black

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