#AFE584

#AFE584

Color Values

HEX

#AFE584

RGB

175, 229, 132

HSL

93.4, 65.1%, 70.8%

HSV

93.4, 42.4%, 89.8%

CMYK

23.6%, 0.0%, 42.4%, 10.2%

OKLCH

0.8625 0.138 132.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFE584

#BA84E5

Analogous

#E0E584

#84E58A

#AFE584

Triadic

#AFE584

#84AFE5

#E584AF

Split Complementary

#AFE584

#8A84E5

#E584E0

Tetradic

#AFE584

#84E0E5

#BA84E5

#E58A84

Color Blindness Simulation

Original

#AFE584

Protanopia

#C6C79B

Deuteranopia

#C3BFA1

Tritanopia

#B2AEB2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F3C4
300
#BDEA9A
400
#9ADE63
500
#76D32C
600
#5EA824
700
#4C871C
800
#3B6916
900
#2D4D14
950
#1D310D

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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