#AFE271

#AFE271

Color Values

HEX

#AFE271

RGB

175, 226, 113

HSL

87.1, 66.1%, 66.5%

HSV

87.1, 50.0%, 88.6%

CMYK

22.6%, 0.0%, 50.0%, 11.4%

OKLCH

0.8529 0.1527 129.2

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#AFE271

#A471E2

Analogous

#E2DD71

#77E271

#AFE271

Triadic

#AFE271

#71AFE2

#E271AF

Split Complementary

#AFE271

#7177E2

#DD71E2

Tetradic

#AFE271

#71E2DD

#A471E2

#E27177

Color Blindness Simulation

Original

#AFE271

Protanopia

#C5C68C

Deuteranopia

#C2BE93

Tritanopia

#B2A2A7

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DEF3C4
300
#C6EA99
400
#A7DF62
500
#88D42B
600
#6DA923
700
#57881C
800
#446A16
900
#334D14
950
#20310C

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026