#55AF16

#55AF16

Color Values

HEX

#55AF16

RGB

85, 175, 22

HSL

95.3, 77.7%, 38.6%

HSV

95.3, 87.4%, 68.6%

CMYK

51.4%, 0.0%, 87.4%, 31.4%

OKLCH

0.6718 0.1949 136.6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#55AF16

#7016AF

Analogous

#A1AF16

#16AF23

#55AF16

Triadic

#55AF16

#1655AF

#AF1655

Split Complementary

#55AF16

#2316AF

#AF16A1

Tetradic

#55AF16

#16A1AF

#7016AF

#AF2316

Color Blindness Simulation

Original

#55AF16

Protanopia

#7C7D3B

Deuteranopia

#777044

Tritanopia

#5A585F

Achromatopsia

#919191

CSS Usage

background-color: #55AF16;
color: #55AF16;
border-color: #55AF16;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF2
100
#EBF9E1
200
#D6F7C0
300
#B9F192
400
#94EA57
500
#6EE31C
600
#58B517
700
#469112
800
#37710E
900
#2A520F
950
#1B3409

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026