#B2BFAD

#B2BFAD

Color Values

HEX

#B2BFAD

RGB

178, 191, 173

HSL

103.3, 12.3%, 71.4%

HSV

103.3, 9.4%, 74.9%

CMYK

6.8%, 0.0%, 9.4%, 25.1%

OKLCH

0.7895 0.0288 136.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B2BFAD

#BAADBF

Analogous

#BBBFAD

#ADBFB1

#B2BFAD

Triadic

#B2BFAD

#ADB2BF

#BFADB2

Split Complementary

#B2BFAD

#B1ADBF

#BFADBB

Tetradic

#B2BFAD

#ADBBBF

#BAADBF

#BFB1AD

Color Blindness Simulation

Original

#B2BFAD

Protanopia

#B8B8B1

Deuteranopia

#B7B6B2

Tritanopia

#B3B5B6

Achromatopsia

#BBBBBB

CSS Usage

background-color: #B2BFAD;
color: #B2BFAD;
border-color: #B2BFAD;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9E0D7
300
#BEC9BA
400
#9CAC95
500
#798F70
600
#607359
700
#4D5C48
800
#3C4838
900
#2E362B
950
#1D221B

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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