#AFD9B6

#AFD9B6

Color Values

HEX

#AFD9B6

RGB

175, 217, 182

HSL

130.0, 35.6%, 76.9%

HSV

130.0, 19.4%, 85.1%

CMYK

19.4%, 0.0%, 16.1%, 14.9%

OKLCH

0.8458 0.0654 149.7

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AFD9B6

#D9AFD2

Analogous

#BDD9AF

#AFD9CB

#AFD9B6

Triadic

#AFD9B6

#B6AFD9

#D9B6AF

Split Complementary

#AFD9B6

#CBAFD9

#D9AFBD

Tetradic

#AFD9B6

#AFBDD9

#D9AFD2

#D9CBAF

Color Blindness Simulation

Original

#AFD9B6

Protanopia

#C1C2BE

Deuteranopia

#BFBCC0

Tritanopia

#B1C5C7

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CFE8D3
300
#ACD8B3
400
#7FC28A
500
#52AD61
600
#428A4E
700
#356F3E
800
#295631
900
#214026
950
#152818

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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