#BB9DA6

#BB9DA6

Color Values

HEX

#BB9DA6

RGB

187, 157, 166

HSL

342.0, 18.1%, 67.5%

HSV

342.0, 16.0%, 73.3%

CMYK

0.0%, 16.0%, 11.2%, 26.7%

OKLCH

0.7255 0.0374 358.1

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BB9DA6

#9DBBB2

Analogous

#BB9DB5

#BBA39D

#BB9DA6

Triadic

#BB9DA6

#A6BB9D

#9DA6BB

Split Complementary

#BB9DA6

#9DBBA3

#9DB5BB

Tetradic

#BB9DA6

#B5BB9D

#9DBBB2

#A39DBB

Color Blindness Simulation

Original

#BB9DA6

Protanopia

#AEAEA4

Deuteranopia

#B0B2A3

Tritanopia

#BAA2A2

Achromatopsia

#A4A4A4

CSS Usage

background-color: #BB9DA6;
color: #BB9DA6;
border-color: #BB9DA6;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB7BD
400
#B2909A
500
#976876
600
#78545F
700
#60434C
800
#4B343B
900
#38292D
950
#241A1D

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026