#48183F

#48183F

Color Values

HEX

#48183F

RGB

72, 24, 63

HSL

311.2, 50.0%, 18.8%

HSV

311.2, 66.7%, 28.2%

CMYK

0.0%, 66.7%, 12.5%, 71.8%

OKLCH

0.2998 0.0907 335.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#48183F

#184821

Analogous

#391848

#481827

#48183F

Triadic

#48183F

#3F4818

#183F48

Split Complementary

#48183F

#274818

#184839

Tetradic

#48183F

#483918

#184821

#182748

Color Blindness Simulation

Original

#48183F

Protanopia

#333336

Deuteranopia

#363A33

Tritanopia

#462E2C

Achromatopsia

#252525

CSS Usage

background-color: #48183F;
color: #48183F;
border-color: #48183F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FBF4F9
100
#F5E6F2
200
#EDC9E6
300
#E0A3D5
400
#D071BE
500
#BF40A7
600
#993386
700
#7A296B
800
#602054
900
#461B3E
950
#2C1127

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

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