#AFE75A

#AFE75A

Color Values

HEX

#AFE75A

RGB

175, 231, 90

HSL

83.8, 74.6%, 62.9%

HSV

83.8, 61.0%, 90.6%

CMYK

24.2%, 0.0%, 61.0%, 9.4%

OKLCH

0.8617 0.1794 128.1

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AFE75A

#925AE7

Analogous

#E7D85A

#68E75A

#AFE75A

Triadic

#AFE75A

#5AAFE7

#E75AAF

Split Complementary

#AFE75A

#5A68E7

#D85AE7

Tetradic

#AFE75A

#5AE7D8

#925AE7

#E75A68

Color Blindness Simulation

Original

#AFE75A

Protanopia

#C7C87C

Deuteranopia

#C4C084

Tritanopia

#B2979D

Achromatopsia

#D1D1D1

CSS Usage

background-color: #AFE75A;
color: #AFE75A;
border-color: #AFE75A;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FCF2
100
#EFF8E2
200
#E1F6C1
300
#CBEF94
400
#AFE75A
500
#93DF20
600
#76B21A
700
#5E8E15
800
#4A6F10
900
#375110
950
#23330A

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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