#BC989F

#BC989F

Color Values

HEX

#BC989F

RGB

188, 152, 159

HSL

348.3, 21.2%, 66.7%

HSV

348.3, 19.1%, 73.7%

CMYK

0.0%, 19.1%, 15.4%, 26.3%

OKLCH

0.7146 0.0439 5.2

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BC989F

#98BCB5

Analogous

#BC98B1

#BCA398

#BC989F

Triadic

#BC989F

#9FBC98

#989FBC

Split Complementary

#BC989F

#98BCA3

#98B1BC

Tetradic

#BC989F

#B1BC98

#98BCB5

#A398BC

Color Blindness Simulation

Original

#BC989F

Protanopia

#ACAC9D

Deuteranopia

#AEB19D

Tritanopia

#BA9C9C

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEB
200
#E3D4D7
300
#CFB5BA
400
#B58D94
500
#9B646F
600
#7C5059
700
#634047
800
#4D3238
900
#3A272B
950
#24191B

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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