#BC438E

#BC438E

Color Values

HEX

#BC438E

RGB

188, 67, 142

HSL

322.8, 47.5%, 50.0%

HSV

322.8, 64.4%, 73.7%

CMYK

0.0%, 64.4%, 24.5%, 26.3%

OKLCH

0.5732 0.1745 345.8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BC438E

#43BC71

Analogous

#AE43BC

#BC4351

#BC438E

Triadic

#BC438E

#8EBC43

#438EBC

Split Complementary

#BC438E

#51BC43

#43BCAE

Tetradic

#BC438E

#BCAE43

#43BC71

#4351BC

Color Blindness Simulation

Original

#BC438E

Protanopia

#88877C

Deuteranopia

#8F9877

Tritanopia

#B66E6A

Achromatopsia

#626262

CSS Usage

background-color: #BC438E;
color: #BC438E;
border-color: #BC438E;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCADF
300
#DFA5C9
400
#CD74AB
500
#BC438E
600
#963672
700
#782B5B
800
#5E2147
900
#451C35
950
#2C1222

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

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