#AFD196

#AFD196

Color Values

HEX

#AFD196

RGB

175, 209, 150

HSL

94.6, 39.1%, 70.4%

HSV

94.6, 28.2%, 82.0%

CMYK

16.3%, 0.0%, 28.2%, 18.0%

OKLCH

0.821 0.0877 132.4

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFD196

#B896D1

Analogous

#CDD196

#96D19B

#AFD196

Triadic

#AFD196

#96AFD1

#D196AF

Split Complementary

#AFD196

#9B96D1

#D196CD

Tetradic

#AFD196

#96CDD1

#B896D1

#D19B96

Color Blindness Simulation

Original

#AFD196

Protanopia

#BEBEA4

Deuteranopia

#BCB9A8

Tritanopia

#B1B0B2

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9E9CD
300
#BEDAAA
400
#9BC67C
500
#78B14E
600
#608E3E
700
#4D7232
800
#3C5927
900
#2E411F
950
#1D2914

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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