#AFD399

#AFD399

Color Values

HEX

#AFD399

RGB

175, 211, 153

HSL

97,2, 39,7%, 71,4%

HSV

97,2, 27,5%, 82,7%

CMYK

17,1%, 0,0%, 27,5%, 17,3%

OKLCH

0,826 0,0874 133,9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFD399

#BD99D3

Analogous

#CCD399

#99D3A0

#AFD399

Triadic

#AFD399

#99AFD3

#D399AF

Split Complementary

#AFD399

#A099D3

#D399CC

Tetradic

#AFD399

#99CCD3

#BD99D3

#D3A099

Color Blindness Simulation

Original

#AFD399

Protanopia

#BFBFA7

Deuteranopia

#BCBAAA

Tritanopia

#B1B2B5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #AFD399;
color: #AFD399;
border-color: #AFD399;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CD
300
#BCDAAA
400
#98C67B
500
#73B24D
600
#5C8E3E
700
#4A7231
800
#3A5926
900
#2C421F
950
#1C2A14

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,6: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