#BDA695

#BDA695

Color Values

HEX

#BDA695

RGB

189, 166, 149

HSL

25.5, 23.3%, 66.3%

HSV

25.5, 21.2%, 74.1%

CMYK

0.0%, 12.2%, 21.2%, 25.9%

OKLCH

0.7406 0.0361 58.6

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BDA695

#95ACBD

Analogous

#BD9598

#BDBA95

#BDA695

Triadic

#BDA695

#95BDA6

#A695BD

Split Complementary

#BDA695

#95BDBA

#9598BD

Tetradic

#BDA695

#98BD95

#95ACBD

#BA95BD

Color Blindness Simulation

Original

#BDA695

Protanopia

#B3B399

Deuteranopia

#B4B69A

Tritanopia

#BC9C9D

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E4DAD3
300
#D0C0B4
400
#B79D8B
500
#9D7B62
600
#7E624E
700
#654F3F
800
#4F3E31
900
#3B2F26
950
#251E18

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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