#48313D

#48313D

Color Values

HEX

#48313D

RGB

72, 49, 61

HSL

328.7, 19.0%, 23.7%

HSV

328.7, 31.9%, 28.2%

CMYK

0.0%, 31.9%, 15.3%, 71.8%

OKLCH

0.3444 0.0383 346.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#48313D

#31483C

Analogous

#473148

#483131

#48313D

Triadic

#48313D

#3D4831

#313D48

Split Complementary

#48313D

#314831

#314847

Tetradic

#48313D

#484731

#31483C

#313148

Color Blindness Simulation

Original

#48313D

Protanopia

#3E3E3A

Deuteranopia

#3F4139

Tritanopia

#473837

Achromatopsia

#373737

CSS Usage

background-color: #48313D;
color: #48313D;
border-color: #48313D;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D5DC
300
#CDB6C2
400
#B38FA1
500
#986781
600
#795367
700
#614252
800
#4C3440
900
#392831
950
#24191F

Contrast Checker

Text on white

11.78:1

AA Pass AAA Pass

Text on black

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