#548412

#548412

Color Values

HEX

#548412

RGB

84, 132, 18

HSL

85.3, 76.0%, 29.4%

HSV

85.3, 86.4%, 51.8%

CMYK

36.4%, 0.0%, 86.4%, 48.2%

OKLCH

0.5578 0.1456 131.1

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#548412

#421284

Analogous

#847B12

#1B8412

#548412

Triadic

#548412

#125484

#841254

Split Complementary

#548412

#121B84

#7B1284

Tetradic

#548412

#12847B

#421284

#84121B

Color Blindness Simulation

Original

#548412

Protanopia

#69692E

Deuteranopia

#666234

Tritanopia

#564348

Achromatopsia

#727272

CSS Usage

background-color: #548412;
color: #548412;
border-color: #548412;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF2
100
#EFF9E2
200
#E0F6C0
300
#C9F093
400
#ACE859
500
#8FE01F
600
#72B418
700
#5B9014
800
#47700F
900
#36520F
950
#22340A

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass 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