#AFD382

#AFD382

Color Values

HEX

#AFD382

RGB

175, 211, 130

HSL

86,7, 47,9%, 66,9%

HSV

86,7, 38,4%, 82,7%

CMYK

17,1%, 0,0%, 38,4%, 17,3%

OKLCH

0,8217 0,1136 128,2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFD382

#A682D3

Analogous

#D3CF82

#87D382

#AFD382

Triadic

#AFD382

#82AFD3

#D382AF

Split Complementary

#AFD382

#8287D3

#CF82D3

Tetradic

#AFD382

#82D3CF

#A682D3

#D38287

Color Blindness Simulation

Original

#AFD382

Protanopia

#BFBF96

Deuteranopia

#BCBA9A

Tritanopia

#B1A5A8

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCA
300
#C5DFA4
400
#A6CE73
500
#86BD42
600
#6B9735
700
#56792B
800
#435E21
900
#33451C
950
#202C11

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

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