#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