#AFDD86

#AFDD86

Color Values

HEX

#AFDD86

RGB

175, 221, 134

HSL

91,7, 56,1%, 69,6%

HSV

91,7, 39,4%, 86,7%

CMYK

20,8%, 0,0%, 39,4%, 13,3%

OKLCH

0,8448 0,1241 131,3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFDD86

#B486DD

Analogous

#DBDD86

#86DD88

#AFDD86

Triadic

#AFDD86

#86AFDD

#DD86AF

Split Complementary

#AFDD86

#8886DD

#DD86DB

Tetradic

#AFDD86

#86DBDD

#B486DD

#DD8886

Color Blindness Simulation

Original

#AFDD86

Protanopia

#C3C39B

Deuteranopia

#C0BDA0

Tritanopia

#B1ACAF

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DAEFC7
300
#C0E49F
400
#9ED66C
500
#7BC738
600
#639F2D
700
#4F7F24
800
#3E641C
900
#2F4918
950
#1E2E0F

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,51: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