#AFEE96

#AFEE96

Color Values

HEX

#AFEE96

RGB

175, 238, 150

HSL

103,0, 72,1%, 76,1%

HSV

103,0, 37,0%, 93,3%

CMYK

26,5%, 0,0%, 37,0%, 6,7%

OKLCH

0,8858 0,1326 137,2

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#AFEE96

#D596EE

Analogous

#DBEE96

#96EEA9

#AFEE96

Triadic

#AFEE96

#96AFEE

#EE96AF

Split Complementary

#AFEE96

#A996EE

#EE96DB

Tetradic

#AFEE96

#96DBEE

#D596EE

#EEA996

Color Blindness Simulation

Original

#AFEE96

Protanopia

#CACBAB

Deuteranopia

#C7C2B0

Tritanopia

#B2BCC0

Achromatopsia

#DADADA

CSS Usage

background-color: #AFEE96;
color: #AFEE96;
border-color: #AFEE96;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F5FCF3
100
#E8F8E2
200
#D0F5C2
300
#AFEE96
400
#83E55D
500
#58DB24
600
#46B01C
700
#388C17
800
#2C6E12
900
#235011
950
#16320B

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026