#4B2822

#4B2822

Color Values

HEX

#4B2822

RGB

75, 40, 34

HSL

8.8, 37.6%, 21.4%

HSV

8.8, 54.7%, 29.4%

CMYK

0.0%, 46.7%, 54.7%, 70.6%

OKLCH

0.321 0.054 30.6

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#4B2822

#22454B

Analogous

#4B2231

#4B3D22

#4B2822

Triadic

#4B2822

#224B28

#28224B

Split Complementary

#4B2822

#224B3D

#22314B

Tetradic

#4B2822

#314B22

#22454B

#3D224B

Color Blindness Simulation

Original

#4B2822

Protanopia

#3C3C23

Deuteranopia

#3E4024

Tritanopia

#492525

Achromatopsia

#2F2F2F

CSS Usage

background-color: #4B2822;
color: #4B2822;
border-color: #4B2822;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D2CE
300
#D9B2AB
400
#C4887D
500
#AF5E50
600
#8C4B40
700
#703C33
800
#582F28
900
#412520
950
#291714

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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