#BC897B

#BC897B

Color Values

HEX

#BC897B

RGB

188, 137, 123

HSL

12.9, 32.7%, 61.0%

HSV

12.9, 34.6%, 73.7%

CMYK

0.0%, 27.1%, 34.6%, 26.3%

OKLCH

0.6762 0.0663 35.9

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BC897B

#7BAEBC

Analogous

#BC7B8E

#BCAA7B

#BC897B

Triadic

#BC897B

#7BBC89

#897BBC

Split Complementary

#BC897B

#7BBCAA

#7B8EBC

Tetradic

#BC897B

#8EBC7B

#7BAEBC

#AA7BBC

Color Blindness Simulation

Original

#BC897B

Protanopia

#A6A57E

Deuteranopia

#A9AD7F

Tritanopia

#B98182

Achromatopsia

#939393

CSS Usage

background-color: #BC897B;
color: #BC897B;
border-color: #BC897B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E7D5D0
300
#D6B6AE
400
#C08F82
500
#A96856
600
#875345
700
#6C4237
800
#55342B
900
#3F2822
950
#281916

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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