#64341C

#64341C

Color Values

HEX

#64341C

RGB

100, 52, 28

HSL

20.0, 56.2%, 25.1%

HSV

20.0, 72.0%, 39.2%

CMYK

0.0%, 48.0%, 72.0%, 60.8%

OKLCH

0.3816 0.0778 46.0

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#64341C

#1C4C64

Analogous

#641C28

#64581C

#64341C

Triadic

#64341C

#1C6434

#341C64

Split Complementary

#64341C

#1C6458

#1C2864

Tetradic

#64341C

#28641C

#1C4C64

#581C64

Color Blindness Simulation

Original

#64341C

Protanopia

#4F4F22

Deuteranopia

#525623

Tritanopia

#622627

Achromatopsia

#3C3C3C

CSS Usage

background-color: #64341C;
color: #64341C;
border-color: #64341C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF6F4
100
#F6EAE5
200
#EFD5C7
300
#E4B69F
400
#D68F6C
500
#C76838
600
#9F532D
700
#7F4224
800
#64341C
900
#492818
950
#2E190F

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

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