#5B8030

#5B8030

Color Values

HEX

#5B8030

RGB

91, 128, 48

HSL

87.8, 45.5%, 34.5%

HSV

87.8, 62.5%, 50.2%

CMYK

28.9%, 0.0%, 62.5%, 49.8%

OKLCH

0.5541 0.1168 130.4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#5B8030

#553080

Analogous

#807D30

#338030

#5B8030

Triadic

#5B8030

#305B80

#80305B

Split Complementary

#5B8030

#303380

#7D3080

Tetradic

#5B8030

#30807D

#553080

#803033

Color Blindness Simulation

Original

#5B8030

Protanopia

#6B6B43

Deuteranopia

#696648

Tritanopia

#5D5356

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DCECCB
300
#C4DEA6
400
#A4CC76
500
#84BA45
600
#699438
700
#54772C
800
#425D23
900
#32441D
950
#202B12

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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