#BDC3AE

#BDC3AE

Color Values

HEX

#BDC3AE

RGB

189, 195, 174

HSL

77.1, 14.9%, 72.4%

HSV

77.1, 10.8%, 76.5%

CMYK

3.1%, 0.0%, 10.8%, 23.5%

OKLCH

0.8067 0.0296 120.0

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BDC3AE

#B4AEC3

Analogous

#C3BFAE

#B3C3AE

#BDC3AE

Triadic

#BDC3AE

#AEBDC3

#C3AEBD

Split Complementary

#BDC3AE

#AEB3C3

#BFAEC3

Tetradic

#BDC3AE

#AEC3BF

#B4AEC3

#C3AEB3

Color Blindness Simulation

Original

#BDC3AE

Protanopia

#C0C0B3

Deuteranopia

#BFBFB4

Tritanopia

#BDB7B8

Achromatopsia

#C0C0C0

CSS Usage

background-color: #BDC3AE;
color: #BDC3AE;
border-color: #BDC3AE;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DEE1D6
300
#C6CBB9
400
#A7AF93
500
#88926D
600
#6D7557
700
#575E45
800
#444936
900
#33372A
950
#20231A

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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