#64452D

#64452D

Color Values

HEX

#64452D

RGB

100, 69, 45

HSL

26.2, 37.9%, 28.4%

HSV

26.2, 55.0%, 39.2%

CMYK

0.0%, 31.0%, 55.0%, 60.8%

OKLCH

0.419 0.0563 58.2

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#64452D

#2D4C64

Analogous

#642D30

#64602D

#64452D

Triadic

#64452D

#2D6445

#452D64

Split Complementary

#64452D

#2D6460

#2D3064

Tetradic

#64452D

#30642D

#2D4C64

#602D64

Color Blindness Simulation

Original

#64452D

Protanopia

#575633

Deuteranopia

#585B34

Tritanopia

#623738

Achromatopsia

#4A4A4A

CSS Usage

background-color: #64452D;
color: #64452D;
border-color: #64452D;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9DACE
300
#D9BFAB
400
#C49C7D
500
#B0794F
600
#8D613F
700
#714E33
800
#583D28
900
#412E20
950
#291D14

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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