#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026