#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

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