#BC69A3

#BC69A3

Color Values

HEX

#BC69A3

RGB

188, 105, 163

HSL

318.1, 38.2%, 57.5%

HSV

318.1, 44.1%, 73.7%

CMYK

0.0%, 44.1%, 13.3%, 26.3%

OKLCH

0.633 0.1281 339.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BC69A3

#69BC82

Analogous

#AC69BC

#BC697A

#BC69A3

Triadic

#BC69A3

#A3BC69

#69A3BC

Split Complementary

#BC69A3

#7ABC69

#69BCAC

Tetradic

#BC69A3

#BCAC69

#69BC82

#697ABC

Color Blindness Simulation

Original

#BC69A3

Protanopia

#989795

Deuteranopia

#9DA392

Tritanopia

#B88A87

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CEE1
300
#D9AACB
400
#C57DAF
500
#B04F93
600
#8D3F75
700
#71325E
800
#582749
900
#412037
950
#291423

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.69:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026