#42313D

#42313D

Color Values

HEX

#42313D

RGB

66, 49, 61

HSL

317.6, 14.8%, 22.5%

HSV

317.6, 25.8%, 25.9%

CMYK

0.0%, 25.8%, 7.6%, 74.1%

OKLCH

0.3369 0.0314 337.3

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#42313D

#314236

Analogous

#3E3142

#423134

#42313D

Triadic

#42313D

#3D4231

#313D42

Split Complementary

#42313D

#344231

#31423E

Tetradic

#42313D

#423E31

#314236

#313442

Color Blindness Simulation

Original

#42313D

Protanopia

#3B3A3A

Deuteranopia

#3C3D39

Tritanopia

#413837

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E1D6DD
300
#CBB9C6
400
#AF93A6
500
#926D87
600
#75576C
700
#5E4657
800
#493644
900
#372A33
950
#231B20

Contrast Checker

Text on white

12.08:1

AA Pass AAA Pass

Text on black

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