#AFCCA4

#AFCCA4

Color Values

HEX

#AFCCA4

RGB

175, 204, 164

HSL

103.5, 28.2%, 72.2%

HSV

103.5, 19.6%, 80.0%

CMYK

14.2%, 0.0%, 19.6%, 20.0%

OKLCH

0.8131 0.0632 137.1

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFCCA4

#C1A4CC

Analogous

#C3CCA4

#A4CCAD

#AFCCA4

Triadic

#AFCCA4

#A4AFCC

#CCA4AF

Split Complementary

#AFCCA4

#ADA4CC

#CCA4C3

Tetradic

#AFCCA4

#A4C3CC

#C1A4CC

#CCADA4

Color Blindness Simulation

Original

#AFCCA4

Protanopia

#BCBCAE

Deuteranopia

#BAB8B0

Tritanopia

#B0B5B7

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EBF1E9
200
#D7E5D1
300
#BAD3B1
400
#95BB86
500
#6FA35C
600
#598349
700
#47693B
800
#38522E
900
#2B3D24
950
#1B2617

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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