#40220F

#40220F

Color Values

HEX

#40220F

RGB

64, 34, 15

HSL

23.3, 62.0%, 15.5%

HSV

23.3, 76.6%, 25.1%

CMYK

0.0%, 46.9%, 76.6%, 74.9%

OKLCH

0.2877 0.055 51.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#40220F

#0F2D40

Analogous

#400F14

#403B0F

#40220F

Triadic

#40220F

#0F4022

#220F40

Split Complementary

#40220F

#0F403B

#0F1440

Tetradic

#40220F

#14400F

#0F2D40

#3B0F40

Color Blindness Simulation

Original

#40220F

Protanopia

#333314

Deuteranopia

#353715

Tritanopia

#3E1718

Achromatopsia

#272727

CSS Usage

background-color: #40220F;
color: #40220F;
border-color: #40220F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF6F3
100
#F7EBE4
200
#F1D6C5
300
#E8B99C
400
#DB9466
500
#CF6E30
600
#A55827
700
#84461F
800
#673718
900
#4B2A15
950
#301B0E

Contrast Checker

Text on white

14.45:1

AA Pass AAA Pass

Text on black

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