#554706

#554706

Color Values

HEX

#554706

RGB

85, 71, 6

HSL

49.4, 86.8%, 17.8%

HSV

49.4, 92.9%, 33.3%

CMYK

0.0%, 16.5%, 92.9%, 66.7%

OKLCH

0.4007 0.0791 95.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554706

#061455

Analogous

#551F06

#3B5506

#554706

Triadic

#554706

#065547

#470655

Split Complementary

#554706

#063B55

#1F0655

Tetradic

#554706

#06551F

#061455

#55063B

Color Blindness Simulation

Original

#554706

Protanopia

#4F4F16

Deuteranopia

#50511A

Tritanopia

#542225

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF6E0
200
#FAEFBC
300
#F7E48D
400
#F3D64F
500
#EEC711
600
#BF9F0D
700
#987F0B
800
#776408
900
#56490B
950
#372E07

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026