#BF2C6D

#BF2C6D

Color Values

HEX

#BF2C6D

RGB

191, 44, 109

HSL

333.5, 62.6%, 46.1%

HSV

333.5, 77.0%, 74.9%

CMYK

0.0%, 77.0%, 42.9%, 25.1%

OKLCH

0.5439 0.1889 359.1

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#BF2C6D

#2CBF7E

Analogous

#BF2CB7

#BF352C

#BF2C6D

Triadic

#BF2C6D

#6DBF2C

#2C6DBF

Split Complementary

#BF2C6D

#2CBF35

#2CB7BF

Tetradic

#BF2C6D

#B7BF2C

#2CBF7E

#352CBF

Color Blindness Simulation

Original

#BF2C6D

Protanopia

#7F7E5D

Deuteranopia

#88935A

Tritanopia

#B8514E

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F7E4EC
200
#F2C5D9
300
#E89BBD
400
#DC669A
500
#CF3076
600
#A6265F
700
#851F4C
800
#68183B
900
#4C152D
950
#300D1D

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026