#538736

#538736

Color Values

HEX

#538736

RGB

83, 135, 54

HSL

98.5, 42.9%, 37.1%

HSV

98.5, 60.0%, 52.9%

CMYK

38.5%, 0.0%, 60.0%, 47.1%

OKLCH

0.5681 0.126 135.8

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#538736

#6A3687

Analogous

#7C8736

#368742

#538736

Triadic

#538736

#365387

#873653

Split Complementary

#538736

#423687

#87367C

Tetradic

#538736

#367C87

#6A3687

#874236

Color Blindness Simulation

Original

#538736

Protanopia

#6A6A4A

Deuteranopia

#66634E

Tritanopia

#56595C

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF4E7
200
#D7EBCC
300
#BADCA8
400
#95C978
500
#70B649
600
#5A923A
700
#48752F
800
#385B24
900
#2B431E
950
#1B2A13

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026