#554F0C

#554F0C

Color Values

HEX

#554F0C

RGB

85, 79, 12

HSL

55.1, 75.3%, 19.0%

HSV

55.1, 85.9%, 33.3%

CMYK

0.0%, 7.1%, 85.9%, 66.7%

OKLCH

0.4207 0.0828 104.0

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554F0C

#0C1255

Analogous

#552A0C

#36550C

#554F0C

Triadic

#554F0C

#0C554F

#4F0C55

Split Complementary

#554F0C

#0C3655

#2A0C55

Tetradic

#554F0C

#0C552A

#0C1255

#550C36

Color Blindness Simulation

Original

#554F0C

Protanopia

#52521C

Deuteranopia

#535320

Tritanopia

#55292C

Achromatopsia

#4B4B4B

CSS Usage

background-color: #554F0C;
color: #554F0C;
border-color: #554F0C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FCFBF2
100
#F9F7E2
200
#F6F2C0
300
#F0E894
400
#E8DC5A
500
#E0D01F
600
#B3A619
700
#8F8514
800
#706810
900
#514C10
950
#33300A

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

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