#AFEE7F

#AFEE7F

Color Values

HEX

#AFEE7F

RGB

175, 238, 127

HSL

94,1, 76,6%, 71,6%

HSV

94,1, 46,6%, 93,3%

CMYK

26,5%, 0,0%, 46,6%, 6,7%

OKLCH

0,8821 0,1559 133,0

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#AFEE7F

#BE7FEE

Analogous

#E6EE7F

#7FEE87

#AFEE7F

Triadic

#AFEE7F

#7FAFEE

#EE7FAF

Split Complementary

#AFEE7F

#877FEE

#EE7FE6

Tetradic

#AFEE7F

#7FE6EE

#BE7FEE

#EE877F

Color Blindness Simulation

Original

#AFEE7F

Protanopia

#CACB9A

Deuteranopia

#C7C2A0

Tritanopia

#B2AFB4

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#D8F7C0
300
#BBF193
400
#97E958
500
#72E11E
600
#5BB418
700
#499013
800
#39710F
900
#2C520F
950
#1C340A

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Ene 18, 2026