#AFE78A

#AFE78A

Color Values

HEX

#AFE78A

RGB

175, 231, 138

HSL

96.1, 66.0%, 72.4%

HSV

96.1, 40.3%, 90.6%

CMYK

24.2%, 0.0%, 40.3%, 9.4%

OKLCH

0.8679 0.1347 133.8

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#AFE78A

#C28AE7

Analogous

#DEE78A

#8AE794

#AFE78A

Triadic

#AFE78A

#8AAFE7

#E78AAF

Split Complementary

#AFE78A

#948AE7

#E78ADE

Tetradic

#AFE78A

#8ADEE7

#C28AE7

#E7948A

Color Blindness Simulation

Original

#AFE78A

Protanopia

#C7C8A0

Deuteranopia

#C4C0A6

Tritanopia

#B2B2B6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D7F3C4
300
#BAEA99
400
#94DF62
500
#6ED42B
600
#58A923
700
#47871C
800
#376A16
900
#2B4D14
950
#1B310C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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