#5BA828

#5BA828

Color Values

HEX

#5BA828

RGB

91, 168, 40

HSL

96.1, 61.5%, 40.8%

HSV

96.1, 76.2%, 65.9%

CMYK

45.8%, 0.0%, 76.2%, 34.1%

OKLCH

0.6571 0.1759 135.9

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#5BA828

#7528A8

Analogous

#9BA828

#28A835

#5BA828

Triadic

#5BA828

#285BA8

#A8285B

Split Complementary

#5BA828

#3528A8

#A8289B

Tetradic

#5BA828

#289BA8

#7528A8

#A83528

Color Blindness Simulation

Original

#5BA828

Protanopia

#7C7D47

Deuteranopia

#78724E

Tritanopia

#5F5F65

Achromatopsia

#8E8E8E

CSS Usage

background-color: #5BA828;
color: #5BA828;
border-color: #5BA828;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF3
100
#EBF6E4
200
#D7F1C5
300
#BAE79C
400
#95DB67
500
#70CE31
600
#59A527
700
#47841F
800
#386719
900
#2B4B16
950
#1B300E

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.08:1

AA Pass AAA Pass

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