#5BAF13

#5BAF13

Color Values

HEX

#5BAF13

RGB

91, 175, 19

HSL

92.3, 80.4%, 38.0%

HSV

92.3, 89.1%, 68.6%

CMYK

48.0%, 0.0%, 89.1%, 31.4%

OKLCH

0.6743 0.1929 135.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#5BAF13

#6713AF

Analogous

#A9AF13

#13AF19

#5BAF13

Triadic

#5BAF13

#135BAF

#AF135B

Split Complementary

#5BAF13

#1913AF

#AF13A9

Tetradic

#5BAF13

#13A9AF

#6713AF

#AF1913

Color Blindness Simulation

Original

#5BAF13

Protanopia

#7F8039

Deuteranopia

#7A7442

Tritanopia

#5F575D

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECF9E1
200
#D9F8BF
300
#BEF391
400
#9BED55
500
#78E619
600
#60B814
700
#4D9310
800
#3C730C
900
#2E540D
950
#1D3508

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026