#BC7696

#BC7696

Color Values

HEX

#BC7696

RGB

188, 118, 150

HSL

332.6, 34.3%, 60.0%

HSV

332.6, 37.2%, 73.7%

CMYK

0.0%, 37.2%, 20.2%, 26.3%

OKLCH

0.6495 0.0964 351.2

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#BC7696

#76BC9C

Analogous

#BC76B9

#BC7976

#BC7696

Triadic

#BC7696

#96BC76

#7696BC

Split Complementary

#BC7696

#76BC79

#76B9BC

Tetradic

#BC7696

#B9BC76

#76BC9C

#7976BC

Color Blindness Simulation

Original

#BC7696

Protanopia

#9E9D8E

Deuteranopia

#A2A78C

Tritanopia

#B88887

Achromatopsia

#878787

CSS Usage

background-color: #BC7696;
color: #BC7696;
border-color: #BC7696;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E8CFDA
300
#D7ADC0
400
#C1809E
500
#AB547C
600
#894363
700
#6E364F
800
#562A3E
900
#3F212F
950
#28151E

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

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