#412F2E

#412F2E

Color Values

HEX

#412F2E

RGB

65, 47, 46

HSL

3.2, 17.1%, 21.8%

HSV

3.2, 29.2%, 25.5%

CMYK

0.0%, 27.7%, 29.2%, 74.5%

OKLCH

0.3256 0.0266 22.3

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#412F2E

#2E4041

Analogous

#412E37

#41392E

#412F2E

Triadic

#412F2E

#2E412F

#2F2E41

Split Complementary

#412F2E

#2E4139

#2E3741

Tetradic

#412F2E

#37412E

#2E4041

#392E41

Color Blindness Simulation

Original

#412F2E

Protanopia

#39392E

Deuteranopia

#3A3C2E

Tritanopia

#402E2E

Achromatopsia

#333333

CSS Usage

background-color: #412F2E;
color: #412F2E;
border-color: #412F2E;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D6D5
300
#CCB8B7
400
#B19291
500
#956C6A
600
#775655
700
#604544
800
#4B3635
900
#382A29
950
#231A1A

Contrast Checker

Text on white

12.57:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026