#AFE484

#AFE484

Color Values

HEX

#AFE484

RGB

175, 228, 132

HSL

93.1, 64.0%, 70.6%

HSV

93.1, 42.1%, 89.4%

CMYK

23.2%, 0.0%, 42.1%, 10.6%

OKLCH

0.8602 0.1365 132.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFE484

#B984E4

Analogous

#DFE484

#84E489

#AFE484

Triadic

#AFE484

#84AFE4

#E484AF

Split Complementary

#AFE484

#8984E4

#E484DF

Tetradic

#AFE484

#84DFE4

#B984E4

#E48984

Color Blindness Simulation

Original

#AFE484

Protanopia

#C6C69B

Deuteranopia

#C3BFA1

Tritanopia

#B2AEB2

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F2C4
300
#BEE99B
400
#9ADD64
500
#77D12E
600
#5FA725
700
#4C861D
800
#3C6917
900
#2E4C15
950
#1D300D

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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