#554F06

#554F06

Color Values

HEX

#554F06

RGB

85, 79, 6

HSL

55.4, 86.8%, 17.8%

HSV

55.4, 92.9%, 33.3%

CMYK

0.0%, 7.1%, 92.9%, 66.7%

OKLCH

0.4204 0.0859 104.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554F06

#060C55

Analogous

#552706

#335506

#554F06

Triadic

#554F06

#06554F

#4F0655

Split Complementary

#554F06

#063355

#270655

Tetradic

#554F06

#065527

#060C55

#550633

Color Blindness Simulation

Original

#554F06

Protanopia

#525218

Deuteranopia

#53531C

Tritanopia

#552629

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#FAF6BC
300
#F7EF8D
400
#F3E64F
500
#EEDD11
600
#BFB10D
700
#988E0B
800
#776F08
900
#56500B
950
#373307

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026