#3A2C28

#3A2C28

Color Values

HEX

#3A2C28

RGB

58, 44, 40

HSL

13.3, 18.4%, 19.2%

HSV

13.3, 31.0%, 22.7%

CMYK

0.0%, 24.1%, 31.0%, 77.3%

OKLCH

0.3078 0.022 36.5

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#3A2C28

#28363A

Analogous

#3A282D

#3A3528

#3A2C28

Triadic

#3A2C28

#283A2C

#2C283A

Split Complementary

#3A2C28

#283A35

#282D3A

Tetradic

#3A2C28

#2D3A28

#28363A

#35283A

Color Blindness Simulation

Original

#3A2C28

Protanopia

#343429

Deuteranopia

#353629

Tritanopia

#392A2A

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3A2C28;
color: #3A2C28;
border-color: #3A2C28;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D8D5
300
#CDBCB7
400
#B2978F
500
#977268
600
#795C53
700
#614943
800
#4B3934
900
#382C28
950
#241C1A

Contrast Checker

Text on white

13.37:1

AA Pass AAA Pass

Text on black

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