#48182C

#48182C

Color Values

HEX

#48182C

RGB

72, 24, 44

HSL

335.0, 50.0%, 18.8%

HSV

335.0, 66.7%, 28.2%

CMYK

0.0%, 66.7%, 38.9%, 71.8%

OKLCH

0.2908 0.077 357.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#48182C

#184834

Analogous

#481844

#481C18

#48182C

Triadic

#48182C

#2C4818

#182C48

Split Complementary

#48182C

#18481C

#184448

Tetradic

#48182C

#444818

#184834

#1C1848

Color Blindness Simulation

Original

#48182C

Protanopia

#333327

Deuteranopia

#363A26

Tritanopia

#462322

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDC9D8
300
#E0A3BD
400
#D07199
500
#BF4075
600
#99335E
700
#7A294B
800
#60203A
900
#461B2D
950
#2C111C

Contrast Checker

Text on white

14.56:1

AA Pass AAA Pass

Text on black

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