#5ABC15

#5ABC15

Color Values

HEX

#5ABC15

RGB

90, 188, 21

HSL

95.2, 79.9%, 41.0%

HSV

95.2, 88.8%, 73.7%

CMYK

52.1%, 0.0%, 88.8%, 26.3%

OKLCH

0.7076 0.2074 136.8

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#5ABC15

#7715BC

Analogous

#AEBC15

#15BC23

#5ABC15

Triadic

#5ABC15

#155ABC

#BC155A

Split Complementary

#5ABC15

#2315BC

#BC15AE

Tetradic

#5ABC15

#15AEBC

#7715BC

#BC2315

Color Blindness Simulation

Original

#5ABC15

Protanopia

#84853D

Deuteranopia

#7F7747

Tritanopia

#5F5D64

Achromatopsia

#9B9B9B

CSS Usage

background-color: #5ABC15;
color: #5ABC15;
border-color: #5ABC15;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F6FDF2
100
#EBF9E1
200
#D6F8BF
300
#B9F391
400
#94EC55
500
#6EE51A
600
#58B715
700
#469310
800
#37730D
900
#2A530E
950
#1B3509

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026