#64471F

#64471F

Color Values

HEX

#64471F

RGB

100, 71, 31

HSL

34.8, 52.7%, 25.7%

HSV

34.8, 69.0%, 39.2%

CMYK

0.0%, 29.0%, 69.0%, 60.8%

OKLCH

0.4211 0.0682 72.8

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#64471F

#1F3C64

Analogous

#64251F

#5F641F

#64471F

Triadic

#64471F

#1F6447

#471F64

Split Complementary

#64471F

#1F5F64

#251F64

Tetradic

#64471F

#1F6425

#1F3C64

#641F5F

Color Blindness Simulation

Original

#64471F

Protanopia

#575729

Deuteranopia

#595B2B

Tritanopia

#633032

Achromatopsia

#4A4A4A

CSS Usage

background-color: #64471F;
color: #64471F;
border-color: #64471F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC8
300
#E2C7A2
400
#D2A96F
500
#C38A3C
600
#9C6F30
700
#7D5827
800
#61451E
900
#473419
950
#2D2110

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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