#AFEF69

#AFEF69

Color Values

HEX

#AFEF69

RGB

175, 239, 105

HSL

88.7, 80.7%, 67.5%

HSV

88.7, 56.1%, 93.7%

CMYK

26.8%, 0.0%, 56.1%, 6.3%

OKLCH

0.8816 0.1775 130.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AFEF69

#A969EF

Analogous

#EFEC69

#6CEF69

#AFEF69

Triadic

#AFEF69

#69AFEF

#EF69AF

Split Complementary

#AFEF69

#696CEF

#EC69EF

Tetradic

#AFEF69

#69EFEC

#A969EF

#EF696C

Color Blindness Simulation

Original

#AFEF69

Protanopia

#CBCB89

Deuteranopia

#C7C291

Tritanopia

#B2A3A9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DDF8BE
300
#C4F390
400
#A4ED55
500
#84E619
600
#6AB814
700
#549310
800
#42730C
900
#32540D
950
#203508

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026