#64462F

#64462F

Color Values

HEX

#64462F

RGB

100, 70, 47

HSL

26.0, 36.1%, 28.8%

HSV

26.0, 53.0%, 39.2%

CMYK

0.0%, 30.0%, 53.0%, 60.8%

OKLCH

0.4215 0.0543 58.1

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#64462F

#2F4D64

Analogous

#642F32

#64602F

#64462F

Triadic

#64462F

#2F6446

#462F64

Split Complementary

#64462F

#2F6460

#2F3264

Tetradic

#64462F

#32642F

#2F4D64

#602F64

Color Blindness Simulation

Original

#64462F

Protanopia

#575735

Deuteranopia

#595B36

Tritanopia

#62393A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8DACE
300
#D8BFAC
400
#C39C7F
500
#AE7951
600
#8B6141
700
#6F4E34
800
#573D29
900
#402E21
950
#291D15

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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