#BDCAA9

#BDCAA9

Color Values

HEX

#BDCAA9

RGB

189, 202, 169

HSL

83.6, 23.7%, 72.7%

HSV

83.6, 16.3%, 79.2%

CMYK

6.4%, 0.0%, 16.3%, 20.8%

OKLCH

0.8202 0.0472 124.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BDCAA9

#B6A9CA

Analogous

#CAC6A9

#ACCAA9

#BDCAA9

Triadic

#BDCAA9

#A9BDCA

#CAA9BD

Split Complementary

#BDCAA9

#A9ACCA

#C6A9CA

Tetradic

#BDCAA9

#A9CAC6

#B6A9CA

#CAA9AC

Color Blindness Simulation

Original

#BDCAA9

Protanopia

#C3C3B1

Deuteranopia

#C2C1B3

Tritanopia

#BEB7B9

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1EA
200
#DDE4D3
300
#C5D0B3
400
#A5B78A
500
#869E61
600
#6B7E4E
700
#56653E
800
#434F31
900
#333B26
950
#202518

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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