#BF366C

#BF366C

Color Values

HEX

#BF366C

RGB

191, 54, 108

HSL

336.4, 55.9%, 48.0%

HSV

336.4, 71.7%, 74.9%

CMYK

0.0%, 71.7%, 43.5%, 25.1%

OKLCH

0.5522 0.178 1.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BF366C

#36BF89

Analogous

#BF36B0

#BF4536

#BF366C

Triadic

#BF366C

#6CBF36

#366CBF

Split Complementary

#BF366C

#36BF45

#36B0BF

Tetradic

#BF366C

#B0BF36

#36BF89

#4536BF

Color Blindness Simulation

Original

#BF366C

Protanopia

#84825F

Deuteranopia

#8C965C

Tritanopia

#B85552

Achromatopsia

#575757

CSS Usage

background-color: #BF366C;
color: #BF366C;
border-color: #BF366C;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F6E5EB
200
#EFC7D7
300
#E4A0BB
400
#D56C95
500
#C73870
600
#9F2D5A
700
#7F2448
800
#631C38
900
#49182B
950
#2E0F1B

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026