#48283F

#48283F

Color Values

HEX

#48283F

RGB

72, 40, 63

HSL

316.9, 28.6%, 22.0%

HSV

316.9, 44.4%, 28.2%

CMYK

0.0%, 44.4%, 12.5%, 71.8%

OKLCH

0.3268 0.0593 338.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#48283F

#284831

Analogous

#412848

#48282F

#48283F

Triadic

#48283F

#3F4828

#283F48

Split Complementary

#48283F

#2F4828

#284841

Tetradic

#48283F

#484128

#284831

#282F48

Color Blindness Simulation

Original

#48283F

Protanopia

#3A3A39

Deuteranopia

#3C3E38

Tritanopia

#463534

Achromatopsia

#303030

CSS Usage

background-color: #48283F;
color: #48283F;
border-color: #48283F;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F5F8
100
#F1E9EF
200
#E6D1E0
300
#D3B0C9
400
#BC86AC
500
#A45B8F
600
#834973
700
#693A5C
800
#522E48
900
#3D2436
950
#261722

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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