#554F12

#554F12

Color Values

HEX

#554F12

RGB

85, 79, 18

HSL

54,6, 65,0%, 20,2%

HSV

54,6, 78,8%, 33,3%

CMYK

0,0%, 7,1%, 78,8%, 66,7%

OKLCH

0,4211 0,0791 103,6

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554F12

#121855

Analogous

#552D12

#3A5512

#554F12

Triadic

#554F12

#12554F

#4F1255

Split Complementary

#554F12

#123A55

#2D1255

Tetradic

#554F12

#12552D

#121855

#55123A

Color Blindness Simulation

Original

#554F12

Protanopia

#525221

Deuteranopia

#535324

Tritanopia

#552C2F

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F5E3
200
#F3EEC4
300
#EAE29A
400
#DED363
500
#D2C32D
600
#A89C24
700
#877D1D
800
#696216
900
#4D4814
950
#312D0D

Contrast Checker

Text on white

8,36: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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026