#BCA394

#BCA394

Color Values

HEX

#BCA394

RGB

188, 163, 148

HSL

22.5, 23.0%, 65.9%

HSV

22.5, 21.3%, 73.7%

CMYK

0.0%, 13.3%, 21.3%, 26.3%

OKLCH

0.7333 0.0363 52.9

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BCA394

#94ADBC

Analogous

#BC9499

#BCB794

#BCA394

Triadic

#BCA394

#94BCA3

#A394BC

Split Complementary

#BCA394

#94BCB7

#9499BC

Tetradic

#BCA394

#99BC94

#94ADBC

#B794BC

Color Blindness Simulation

Original

#BCA394

Protanopia

#B1B198

Deuteranopia

#B3B498

Tritanopia

#BB9A9B

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E4D9D3
300
#D0BEB4
400
#B69B8B
500
#9D7862
600
#7D604F
700
#644D3F
800
#4E3C31
900
#3A2E26
950
#251D18

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026