#AFEF94

#AFEF94

Color Values

HEX

#AFEF94

RGB

175, 239, 148

HSL

102.2, 74.0%, 75.9%

HSV

102.2, 38.1%, 93.7%

CMYK

26.8%, 0.0%, 38.1%, 6.3%

OKLCH

0.8877 0.1362 136.8

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#AFEF94

#D494EF

Analogous

#DDEF94

#94EFA7

#AFEF94

Triadic

#AFEF94

#94AFEF

#EF94AF

Split Complementary

#AFEF94

#A794EF

#EF94DD

Tetradic

#AFEF94

#94DDEF

#D494EF

#EFA794

Color Blindness Simulation

Original

#AFEF94

Protanopia

#CBCBAA

Deuteranopia

#C7C2AF

Tritanopia

#B2BBBF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E9F8E2
200
#D1F6C1
300
#AFEF95
400
#84E65B
500
#59DE21
600
#47B11B
700
#398E15
800
#2D6F11
900
#235110
950
#16330A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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