#BDA894

#BDA894

Color Values

HEX

#BDA894

RGB

189, 168, 148

HSL

29.3, 23.7%, 66.1%

HSV

29.3, 21.7%, 74.1%

CMYK

0.0%, 11.1%, 21.7%, 25.9%

OKLCH

0.7444 0.0372 65.8

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BDA894

#94A9BD

Analogous

#BD9495

#BDBD94

#BDA894

Triadic

#BDA894

#94BDA8

#A894BD

Split Complementary

#BDA894

#94BDBD

#9495BD

Tetradic

#BDA894

#95BD94

#94A9BD

#BD94BD

Color Blindness Simulation

Original

#BDA894

Protanopia

#B4B499

Deuteranopia

#B5B79A

Tritanopia

#BC9D9E

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E4DBD3
300
#D0C1B3
400
#B7A08A
500
#9E7F61
600
#7E654E
700
#65513E
800
#4F3F31
900
#3B3026
950
#251E18

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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