#557D03

#557D03

Color Values

HEX

#557D03

RGB

85, 125, 3

HSL

79.7, 95.3%, 25.1%

HSV

79.7, 97.6%, 49.0%

CMYK

32.0%, 0.0%, 97.6%, 51.0%

OKLCH

0.5394 0.1411 128.6

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#557D03

#2B037D

Analogous

#7D6803

#187D03

#557D03

Triadic

#557D03

#03557D

#7D0355

Split Complementary

#557D03

#03187D

#68037D

Tetradic

#557D03

#037D68

#2B037D

#7D0318

Color Blindness Simulation

Original

#557D03

Protanopia

#666720

Deuteranopia

#646128

Tritanopia

#57383D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F2FCDF
200
#E7FDB9
300
#D6FC87
400
#C0FB47
500
#A9F906
600
#87C705
700
#6C9F04
800
#557D03
900
#3F5A07
950
#283904

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026