#AFEB7E

#AFEB7E

Color Values

HEX

#AFEB7E

RGB

175, 235, 126

HSL

93,0, 73,2%, 70,8%

HSV

93,0, 46,4%, 92,2%

CMYK

25,5%, 0,0%, 46,4%, 7,8%

OKLCH

0,8751 0,1527 132,4

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#AFEB7E

#BA7EEB

Analogous

#E6EB7E

#7EEB83

#AFEB7E

Triadic

#AFEB7E

#7EAFEB

#EB7EAF

Split Complementary

#AFEB7E

#837EEB

#EB7EE6

Tetradic

#AFEB7E

#7EE6EB

#BA7EEB

#EB837E

Color Blindness Simulation

Original

#AFEB7E

Protanopia

#C9CA98

Deuteranopia

#C6C19F

Tritanopia

#B2ADB2

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D9F5C1
300
#BDEF95
400
#9AE65C
500
#76DD22
600
#5FB11B
700
#4C8D16
800
#3B6E11
900
#2D5011
950
#1D330A

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

15,01: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