#5AFB46

#5AFB46

Color Values

HEX

#5AFB46

RGB

90, 251, 70

HSL

113.4, 95.8%, 62.9%

HSV

113.4, 72.1%, 98.4%

CMYK

64.1%, 0.0%, 72.1%, 1.6%

OKLCH

0.8705 0.2551 141.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#5AFB46

#E746FB

Analogous

#B4FB46

#46FB8C

#5AFB46

Triadic

#5AFB46

#465AFB

#FB465A

Split Complementary

#5AFB46

#8C46FB

#FB46B4

Tetradic

#5AFB46

#46B4FB

#E746FB

#FB8C46

Color Blindness Simulation

Original

#5AFB46

Protanopia

#A0A172

Deuteranopia

#968A7C

Tritanopia

#62949C

Achromatopsia

#CCCCCC

CSS Usage

background-color: #5AFB46;
color: #5AFB46;
border-color: #5AFB46;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FEF1
100
#E2FCDF
200
#C1FEB9
300
#94FC87
400
#5AFB46
500
#20FA05
600
#1AC804
700
#15A003
800
#107D03
900
#105A07
950
#0A3904

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.32: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