#AFCAB3

#AFCAB3

Color Values

HEX

#AFCAB3

RGB

175, 202, 179

HSL

128.9, 20.3%, 73.9%

HSV

128.9, 13.4%, 79.2%

CMYK

13.4%, 0.0%, 11.4%, 20.8%

OKLCH

0.8124 0.0432 149.5

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#AFCAB3

#CAAFC6

Analogous

#B8CAAF

#AFCAC0

#AFCAB3

Triadic

#AFCAB3

#B3AFCA

#CAB3AF

Split Complementary

#AFCAB3

#C0AFCA

#CAAFB8

Tetradic

#AFCAB3

#AFB8CA

#CAAFC6

#CAC0AF

Color Blindness Simulation

Original

#AFCAB3

Protanopia

#BBBBB9

Deuteranopia

#B9B7BA

Tritanopia

#B0BDBE

Achromatopsia

#C3C3C3

CSS Usage

background-color: #AFCAB3;
color: #AFCAB3;
border-color: #AFCAB3;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E3D6
300
#B5CEB9
400
#8DB493
500
#66996D
600
#517B57
700
#416246
800
#334D37
900
#28392A
950
#19241B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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