#AFFE69

#AFFE69

Color Values

HEX

#AFFE69

RGB

175, 254, 105

HSL

91.8, 98.7%, 70.4%

HSV

91.8, 58.7%, 99.6%

CMYK

31.1%, 0.0%, 58.7%, 0.4%

OKLCH

0.916 0.1971 132.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AFFE69

#B869FE

Analogous

#FAFE69

#69FE6D

#AFFE69

Triadic

#AFFE69

#69AFFE

#FE69AF

Split Complementary

#AFFE69

#6D69FE

#FE69FA

Tetradic

#AFFE69

#69FAFE

#B869FE

#FE6D69

Color Blindness Simulation

Original

#AFFE69

Protanopia

#D1D28D

Deuteranopia

#CDC796

Tritanopia

#B3AAB0

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#ECFCDE
200
#D9FFB8
300
#BEFE85
400
#9BFE44
500
#78FD02
600
#60CB01
700
#4DA201
800
#3C7F01
900
#2E5B05
950
#1D3A03

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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