#AFD697

#AFD697

Color Values

HEX

#AFD697

RGB

175, 214, 151

HSL

97.1, 43.4%, 71.6%

HSV

97.1, 29.4%, 83.9%

CMYK

18.2%, 0.0%, 29.4%, 16.1%

OKLCH

0.8322 0.0945 133.9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFD697

#BE97D6

Analogous

#CFD697

#97D69F

#AFD697

Triadic

#AFD697

#97AFD6

#D697AF

Split Complementary

#AFD697

#9F97D6

#D697CF

Tetradic

#AFD697

#97CFD6

#BE97D6

#D69F97

Color Blindness Simulation

Original

#AFD697

Protanopia

#C0C0A6

Deuteranopia

#BEBBAA

Tritanopia

#B1B2B5

Achromatopsia

#C9C9C9

CSS Usage

background-color: #AFD697;
color: #AFD697;
border-color: #AFD697;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EBCC
300
#BCDCA7
400
#97CA78
500
#72B748
600
#5C923A
700
#49752E
800
#395B24
900
#2C431E
950
#1C2B13

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026