#AFFBA8

#AFFBA8

Color Values

HEX

#AFFBA8

RGB

175, 251, 168

HSL

114.9, 91.2%, 82.2%

HSV

114.9, 33.1%, 98.4%

CMYK

30.3%, 0.0%, 33.1%, 1.6%

OKLCH

0.9183 0.1337 142.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#AFFBA8

#F4A8FB

Analogous

#D9FBA8

#A8FBCB

#AFFBA8

Triadic

#AFFBA8

#A8AFFB

#FBA8AF

Split Complementary

#AFFBA8

#CBA8FB

#FBA8D9

Tetradic

#AFFBA8

#A8D9FB

#F4A8FB

#FBCBA8

Color Blindness Simulation

Original

#AFFBA8

Protanopia

#D0D1BC

Deuteranopia

#CCC6C1

Tritanopia

#B3CCCF

Achromatopsia

#E5E5E5

CSS Usage

background-color: #AFFBA8;
color: #AFFBA8;
border-color: #AFFBA8;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF1
100
#E2FBDF
200
#C0FCBB
300
#93FA8A
400
#59F74B
500
#1FF40B
600
#19C309
700
#149C07
800
#0F7A06
900
#0F5809
950
#0A3805

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026