#BC498B

#BC498B

Color Values

HEX

#BC498B

RGB

188, 73, 139

HSL

325,6, 46,2%, 51,2%

HSV

325,6, 61,2%, 73,7%

CMYK

0,0%, 61,2%, 26,1%, 26,3%

OKLCH

0,579 0,1642 347,9

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BC498B

#49BC7A

Analogous

#B449BC

#BC4952

#BC498B

Triadic

#BC498B

#8BBC49

#498BBC

Split Complementary

#BC498B

#52BC49

#49BCB4

Tetradic

#BC498B

#BCB449

#49BC7A

#4952BC

Color Blindness Simulation

Original

#BC498B

Protanopia

#8A897B

Deuteranopia

#919A77

Tritanopia

#B66E6C

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C6
400
#CC75A7
500
#BA4588
600
#95376D
700
#772C57
800
#5D2244
900
#451C33
950
#2B1220

Contrast Checker

Text on white

4,7:1

AA Pass AAA Fail

Text on black

4,46:1

AA Fail 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