#AFF089

#AFF089

Color Values

HEX

#AFF089

RGB

175, 240, 137

HSL

97.9, 77.4%, 73.9%

HSV

97.9, 42.9%, 94.1%

CMYK

27.1%, 0.0%, 42.9%, 5.9%

OKLCH

0.8881 0.1489 134.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#AFF089

#CA89F0

Analogous

#E2F089

#89F096

#AFF089

Triadic

#AFF089

#89AFF0

#F089AF

Split Complementary

#AFF089

#9689F0

#F089E2

Tetradic

#AFF089

#89E2F0

#CA89F0

#F09689

Color Blindness Simulation

Original

#AFF089

Protanopia

#CBCCA2

Deuteranopia

#C7C2A8

Tritanopia

#B2B6BA

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EAF9E1
200
#D4F7C0
300
#B5F192
400
#8DEA58
500
#66E21D
600
#51B517
700
#419112
800
#33710E
900
#28520F
950
#193409

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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