#AFEF88

#AFEF88

Color Values

HEX

#AFEF88

RGB

175, 239, 136

HSL

97.3, 76.3%, 73.5%

HSV

97.3, 43.1%, 93.7%

CMYK

26.8%, 0.0%, 43.1%, 6.3%

OKLCH

0.8857 0.1485 134.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#AFEF88

#C888EF

Analogous

#E2EF88

#88EF94

#AFEF88

Triadic

#AFEF88

#88AFEF

#EF88AF

Split Complementary

#AFEF88

#9488EF

#EF88E2

Tetradic

#AFEF88

#88E2EF

#C888EF

#EF9488

Color Blindness Simulation

Original

#AFEF88

Protanopia

#CBCBA1

Deuteranopia

#C7C2A7

Tritanopia

#B2B5B9

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EAF9E2
200
#D5F7C0
300
#B6F093
400
#8FE959
500
#68E11E
600
#53B418
700
#429013
800
#34700F
900
#28520F
950
#19340A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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