#538235

#538235

Color Values

HEX

#538235

RGB

83, 130, 53

HSL

96.6, 42.1%, 35.9%

HSV

96.6, 59.2%, 51.0%

CMYK

36.2%, 0.0%, 59.2%, 49.0%

OKLCH

0.5549 0.1196 134.9

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#538235

#643582

Analogous

#7A8235

#35823D

#538235

Triadic

#538235

#355382

#823553

Split Complementary

#538235

#3D3582

#82357A

Tetradic

#538235

#357A82

#643582

#823D35

Color Blindness Simulation

Original

#538235

Protanopia

#676848

Deuteranopia

#65614C

Tritanopia

#55565A

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EACC
300
#BCDCA8
400
#98C879
500
#74B54A
600
#5D913B
700
#4A742F
800
#3A5B25
900
#2C431E
950
#1C2A13

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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