#AFCFA4

#AFCFA4

Color Values

HEX

#AFCFA4

RGB

175, 207, 164

HSL

104.7, 30.9%, 72.7%

HSV

104.7, 20.8%, 81.2%

CMYK

15.5%, 0.0%, 20.8%, 18.8%

OKLCH

0.8196 0.0682 137.7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFCFA4

#C4A4CF

Analogous

#C4CFA4

#A4CFAE

#AFCFA4

Triadic

#AFCFA4

#A4AFCF

#CFA4AF

Split Complementary

#AFCFA4

#AEA4CF

#CFA4C4

Tetradic

#AFCFA4

#A4C4CF

#C4A4CF

#CFAEA4

Color Blindness Simulation

Original

#AFCFA4

Protanopia

#BDBDAE

Deuteranopia

#BBB9B1

Tritanopia

#B1B7B8

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EBF2E8
200
#D6E6D0
300
#B9D5AF
400
#92BE83
500
#6CA758
600
#578646
700
#456B38
800
#36532C
900
#2A3E23
950
#1A2716

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026