#5B9B16

#5B9B16

Color Values

HEX

#5B9B16

RGB

91, 155, 22

HSL

88.9, 75.1%, 34.7%

HSV

88.9, 85.8%, 60.8%

CMYK

41.3%, 0.0%, 85.8%, 39.2%

OKLCH

0.6224 0.1685 133.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#5B9B16

#56169B

Analogous

#9B9916

#189B16

#5B9B16

Triadic

#5B9B16

#165B9B

#9B165B

Split Complementary

#5B9B16

#16189B

#99169B

Tetradic

#5B9B16

#169B99

#56169B

#9B1618

Color Blindness Simulation

Original

#5B9B16

Protanopia

#777736

Deuteranopia

#736E3E

Tritanopia

#5E5055

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DCF6C0
300
#C3F094
400
#A3E85A
500
#83DF20
600
#69B319
700
#548F14
800
#427010
900
#325110
950
#1F330A

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026