#402F27

#402F27

Color Values

HEX

#402F27

RGB

64, 47, 39

HSL

19.2, 24.3%, 20.2%

HSV

19.2, 39.1%, 25.1%

CMYK

0.0%, 26.6%, 39.1%, 74.9%

OKLCH

0.3222 0.0286 46.4

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#402F27

#273840

Analogous

#40272B

#403C27

#402F27

Triadic

#402F27

#27402F

#2F2740

Split Complementary

#402F27

#27403C

#272B40

Tetradic

#402F27

#2B4027

#273840

#3C2740

Color Blindness Simulation

Original

#402F27

Protanopia

#393829

Deuteranopia

#3A3B29

Tritanopia

#3F2A2B

Achromatopsia

#323232

CSS Usage

background-color: #402F27;
color: #402F27;
border-color: #402F27;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D8D3
300
#D1BCB3
400
#B8988A
500
#9E7461
600
#7F5D4D
700
#654A3E
800
#4F3A30
900
#3B2D26
950
#251C18

Contrast Checker

Text on white

12.7:1

AA Pass AAA Pass

Text on black

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