#BC67BB

#BC67BB

Color Values

HEX

#BC67BB

RGB

188, 103, 187

HSL

300.7, 38.8%, 57.1%

HSV

300.7, 45.2%, 73.7%

CMYK

0.0%, 45.2%, 0.5%, 26.3%

OKLCH

0.6402 0.1523 327.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BC67BB

#67BC68

Analogous

#9367BC

#BC6791

#BC67BB

Triadic

#BC67BB

#BBBC67

#67BBBC

Split Complementary

#BC67BB

#91BC67

#67BC93

Tetradic

#BC67BB

#BC9367

#67BC68

#6791BC

Color Blindness Simulation

Original

#BC67BB

Protanopia

#9796A7

Deuteranopia

#9CA2A2

Tritanopia

#B89793

Achromatopsia

#7F7F7F

CSS Usage

background-color: #BC67BB;
color: #BC67BB;
border-color: #BC67BB;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDE9
300
#DAAAD9
400
#C57CC4
500
#B14EB0
600
#8E3E8D
700
#713271
800
#582758
900
#412041
950
#291429

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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