#654F28

#654F28

Color Values

HEX

#654F28

RGB

101, 79, 40

HSL

38.4, 43.3%, 27.6%

HSV

38.4, 60.4%, 39.6%

CMYK

0.0%, 21.8%, 60.4%, 60.4%

OKLCH

0.4414 0.0627 80.3

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#654F28

#283E65

Analogous

#653028

#5C6528

#654F28

Triadic

#654F28

#28654F

#4F2865

Split Complementary

#654F28

#285C65

#302865

Tetradic

#654F28

#286530

#283E65

#65285C

Color Blindness Simulation

Original

#654F28

Protanopia

#5B5B31

Deuteranopia

#5D5E34

Tritanopia

#64393B

Achromatopsia

#515151

CSS Usage

background-color: #654F28;
color: #654F28;
border-color: #654F28;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBE0CC
300
#DCC9A7
400
#CAAC78
500
#B78F48
600
#92723A
700
#755B2E
800
#5B4724
900
#43361E
950
#2B2213

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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