#412F24

#412F24

Color Values

HEX

#412F24

RGB

65, 47, 36

HSL

22.8, 28.7%, 19.8%

HSV

22.8, 44.6%, 25.5%

CMYK

0.0%, 27.7%, 44.6%, 74.5%

OKLCH

0.3227 0.0324 52.7

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#412F24

#243641

Analogous

#412427

#413E24

#412F24

Triadic

#412F24

#24412F

#2F2441

Split Complementary

#412F24

#24413E

#242741

Tetradic

#412F24

#274124

#243641

#3E2441

Color Blindness Simulation

Original

#412F24

Protanopia

#393927

Deuteranopia

#3A3C27

Tritanopia

#402929

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D1
300
#D3BEB0
400
#BC9A86
500
#A4775B
600
#835F49
700
#694C3A
800
#523B2D
900
#3D2D24
950
#271D17

Contrast Checker

Text on white

12.67:1

AA Pass AAA Pass

Text on black

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