#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026