#4F3A48

#4F3A48

Color Values

HEX

#4F3A48

RGB

79, 58, 72

HSL

320.0, 15.3%, 26.9%

HSV

320.0, 26.6%, 31.0%

CMYK

0.0%, 26.6%, 8.9%, 69.0%

OKLCH

0.3768 0.0369 339.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#4F3A48

#3A4F41

Analogous

#4C3A4F

#4F3A3E

#4F3A48

Triadic

#4F3A48

#484F3A

#3A484F

Split Complementary

#4F3A48

#3E4F3A

#3A4F4C

Tetradic

#4F3A48

#4F4C3A

#3A4F41

#3A3E4F

Color Blindness Simulation

Original

#4F3A48

Protanopia

#464645

Deuteranopia

#474944

Tritanopia

#4E4241

Achromatopsia

#3F3F3F

CSS Usage

background-color: #4F3A48;
color: #4F3A48;
border-color: #4F3A48;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E1D6DD
300
#CBB8C5
400
#AF92A5
500
#936C86
600
#76566B
700
#5E4556
800
#4A3643
900
#372A33
950
#231A20

Contrast Checker

Text on white

10.34:1

AA Pass AAA Pass

Text on black

2.03:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026