#AFE483

#AFE483

Color Values

HEX

#AFE483

RGB

175, 228, 131

HSL

92.8, 64.2%, 70.4%

HSV

92.8, 42.5%, 89.4%

CMYK

23.2%, 0.0%, 42.5%, 10.6%

OKLCH

0.86 0.1376 132.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFE483

#B883E4

Analogous

#DFE483

#83E488

#AFE483

Triadic

#AFE483

#83AFE4

#E483AF

Split Complementary

#AFE483

#8883E4

#E483DF

Tetradic

#AFE483

#83DFE4

#B883E4

#E48883

Color Blindness Simulation

Original

#AFE483

Protanopia

#C6C69A

Deuteranopia

#C3BFA0

Tritanopia

#B2ADB1

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F2C4
300
#BEE99B
400
#9BDD64
500
#78D12E
600
#60A725
700
#4D861D
800
#3C6917
900
#2E4C14
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