#548530

#548530

Color Values

HEX

#548530

RGB

84, 133, 48

HSL

94.6, 47.0%, 35.5%

HSV

94.6, 63.9%, 52.2%

CMYK

36.8%, 0.0%, 63.9%, 47.8%

OKLCH

0.5628 0.1279 134.2

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#548530

#613085

Analogous

#7F8530

#308537

#548530

Triadic

#548530

#305485

#853054

Split Complementary

#548530

#373085

#85307F

Tetradic

#548530

#307F85

#613085

#853730

Color Blindness Simulation

Original

#548530

Protanopia

#696A45

Deuteranopia

#66634A

Tritanopia

#565558

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D9ECCB
300
#BDDFA5
400
#9ACD74
500
#76BB44
600
#5F9636
700
#4C782B
800
#3B5E22
900
#2D451C
950
#1D2C12

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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