#5BAB0C

#5BAB0C

Color Values

HEX

#5BAB0C

RGB

91, 171, 12

HSL

90,2, 86,9%, 35,9%

HSV

90,2, 93,0%, 67,1%

CMYK

46,8%, 0,0%, 93,0%, 32,9%

OKLCH

0,6637 0,1901 134,9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#5BAB0C

#5C0CAB

Analogous

#ABAB0C

#0CAB0D

#5BAB0C

Triadic

#5BAB0C

#0C5BAB

#AB0C5B

Split Complementary

#5BAB0C

#0D0CAB

#AB0CAB

Tetradic

#5BAB0C

#0CABAB

#5C0CAB

#AB0D0C

Color Blindness Simulation

Original

#5BAB0C

Protanopia

#7E7E32

Deuteranopia

#79733C

Tritanopia

#5F5158

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DBFABC
300
#C1F78D
400
#A0F34F
500
#7FEE11
600
#65BF0D
700
#51990B
800
#3F7708
900
#30560B
950
#1E3707

Contrast Checker

Text on white

2,89:1

AA Fail AAA Fail

Text on black

7,28:1

AA Pass AAA Pass

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