#AFEF9A

#AFEF9A

Color Values

HEX

#AFEF9A

RGB

175, 239, 154

HSL

105.2, 72.6%, 77.1%

HSV

105.2, 35.6%, 93.7%

CMYK

26.8%, 0.0%, 35.6%, 6.3%

OKLCH

0.8887 0.13 138.2

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFEF9A

#DA9AEF

Analogous

#DAEF9A

#9AEFB0

#AFEF9A

Triadic

#AFEF9A

#9AAFEF

#EF9AAF

Split Complementary

#AFEF9A

#B09AEF

#EF9ADA

Tetradic

#AFEF9A

#9ADAEF

#DA9AEF

#EFB09A

Color Blindness Simulation

Original

#AFEF9A

Protanopia

#CBCBAF

Deuteranopia

#C7C2B4

Tritanopia

#B2BFC2

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E8F8E2
200
#CEF5C1
300
#ABEE95
400
#7EE55C
500
#51DC23
600
#40B01C
700
#348D16
800
#286E11
900
#205011
950
#14330B

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.64:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026