#AFD869

#AFD869

Color Values

HEX

#AFD869

RGB

175, 216, 105

HSL

82.2, 58.7%, 62.9%

HSV

82.2, 51.4%, 84.7%

CMYK

19.0%, 0.0%, 51.4%, 15.3%

OKLCH

0.8292 0.1465 126.2

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#AFD869

#9269D8

Analogous

#D8C969

#77D869

#AFD869

Triadic

#AFD869

#69AFD8

#D869AF

Split Complementary

#AFD869

#6977D8

#C969D8

Tetradic

#AFD869

#69D8C9

#9269D8

#D86977

Color Blindness Simulation

Original

#AFD869

Protanopia

#C1C184

Deuteranopia

#BEBB8A

Tritanopia

#B1999E

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#E1F0C6
300
#CBE69E
400
#AFD869
500
#93CA35
600
#76A22A
700
#5E8122
800
#49651A
900
#374A17
950
#232F0E

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026