#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026