#AFD76B

#AFD76B

Color Values

HEX

#AFD76B

RGB

175, 215, 107

HSL

82.2, 57.4%, 63.1%

HSV

82.2, 50.2%, 84.3%

CMYK

18.6%, 0.0%, 50.2%, 15.7%

OKLCH

0.8272 0.1433 126.1

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#AFD76B

#936BD7

Analogous

#D7C96B

#79D76B

#AFD76B

Triadic

#AFD76B

#6BAFD7

#D76BAF

Split Complementary

#AFD76B

#6B79D7

#C96BD7

Tetradic

#AFD76B

#6BD7C9

#936BD7

#D76B79

Color Blindness Simulation

Original

#AFD76B

Protanopia

#C0C185

Deuteranopia

#BEBB8B

Tritanopia

#B19A9E

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#E1F0C7
300
#CBE59F
400
#AFD76A
500
#93C936
600
#75A12B
700
#5E8023
800
#49641B
900
#374917
950
#232E0F

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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