#AFF463

#AFF463

Color Values

HEX

#AFF463

RGB

175, 244, 99

HSL

88.6, 86.8%, 67.3%

HSV

88.6, 59.4%, 95.7%

CMYK

28.3%, 0.0%, 59.4%, 4.3%

OKLCH

0.8924 0.1889 130.8

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AFF463

#A863F4

Analogous

#F4F163

#67F463

#AFF463

Triadic

#AFF463

#63AFF4

#F463AF

Split Complementary

#AFF463

#6367F4

#F163F4

Tetradic

#AFF463

#63F4F1

#A863F4

#F46367

Color Blindness Simulation

Original

#AFF463

Protanopia

#CDCD86

Deuteranopia

#C9C48E

Tritanopia

#B2A2A8

Achromatopsia

#DBDBDB

CSS Usage

background-color: #AFF463;
color: #AFF463;
border-color: #AFF463;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFABC
300
#C4F78D
400
#A4F34F
500
#85EE11
600
#6ABF0D
700
#55980B
800
#427708
900
#32560B
950
#203707

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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