#4B3952

#4B3952

Color Values

HEX

#4B3952

RGB

75, 57, 82

HSL

283.2, 18.0%, 27.3%

HSV

283.2, 30.5%, 32.2%

CMYK

8.5%, 30.5%, 0.0%, 67.8%

OKLCH

0.3744 0.0478 316.4

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#4B3952

#405239

Analogous

#3F3952

#52394D

#4B3952

Triadic

#4B3952

#524B39

#39524B

Split Complementary

#4B3952

#4D5239

#39523F

Tetradic

#4B3952

#523F39

#405239

#394D52

Color Blindness Simulation

Original

#4B3952

Protanopia

#43434C

Deuteranopia

#44464A

Tritanopia

#4A4746

Achromatopsia

#3F3F3F

CSS Usage

background-color: #4B3952;
color: #4B3952;
border-color: #4B3952;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED5E2
300
#C7B7CD
400
#A890B2
500
#8A6996
600
#6E5478
700
#584360
800
#45344B
900
#342938
950
#211A24

Contrast Checker

Text on white

10.47:1

AA Pass AAA Pass

Text on black

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