#AFF68D

#AFF68D

Color Values

HEX

#AFF68D

RGB

175, 246, 141

HSL

100.6, 85.4%, 75.9%

HSV

100.6, 42.7%, 96.5%

CMYK

28.9%, 0.0%, 42.7%, 3.5%

OKLCH

0.9023 0.1536 136.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#AFF68D

#D48DF6

Analogous

#E3F68D

#8DF6A0

#AFF68D

Triadic

#AFF68D

#8DAFF6

#F68DAF

Split Complementary

#AFF68D

#A08DF6

#F68DE3

Tetradic

#AFF68D

#8DE3F6

#D48DF6

#F6A08D

Color Blindness Simulation

Original

#AFF68D

Protanopia

#CECEA6

Deuteranopia

#CAC4AC

Tritanopia

#B3BABF

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5FDF2
100
#E9FAE0
200
#D1FABD
300
#AFF68E
400
#84F150
500
#59EC13
600
#47BD0F
700
#39970C
800
#2D7609
900
#23560B
950
#163607

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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