#AFBEB0

#AFBEB0

Color Values

HEX

#AFBEB0

RGB

175, 190, 176

HSL

124.0, 10.3%, 71.6%

HSV

124.0, 7.9%, 74.5%

CMYK

7.9%, 0.0%, 7.4%, 25.5%

OKLCH

0.7859 0.0256 147.2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#AFBEB0

#BEAFBD

Analogous

#B6BEAF

#AFBEB8

#AFBEB0

Triadic

#AFBEB0

#B0AFBE

#BEB0AF

Split Complementary

#AFBEB0

#B8AFBE

#BEAFB6

Tetradic

#AFBEB0

#AFB6BE

#BEAFBD

#BEB8AF

Color Blindness Simulation

Original

#AFBEB0

Protanopia

#B5B6B3

Deuteranopia

#B5B4B4

Tritanopia

#B0B6B7

Achromatopsia

#BABABA

CSS Usage

background-color: #AFBEB0;
color: #AFBEB0;
border-color: #AFBEB0;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BBC8BC
400
#97AA98
500
#728D74
600
#5B715D
700
#495A4A
800
#39463A
900
#2C352D
950
#1C211C

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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