#BF0F62

#BF0F62

Color Values

HEX

#BF0F62

RGB

191, 15, 98

HSL

331.7, 85.4%, 40.4%

HSV

331.7, 92.1%, 74.9%

CMYK

0.0%, 92.1%, 48.7%, 25.1%

OKLCH

0.5244 0.2055 1.5

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#BF0F62

#0FBF6C

Analogous

#BF0FBA

#BF140F

#BF0F62

Triadic

#BF0F62

#62BF0F

#0F62BF

Split Complementary

#BF0F62

#0FBF14

#0FBABF

Tetradic

#BF0F62

#BABF0F

#0FBF6C

#140FBF

Color Blindness Simulation

Original

#BF0F62

Protanopia

#73714E

Deuteranopia

#7D8A49

Tritanopia

#B63E3B

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABDDA
300
#F68EBF
400
#F1509C
500
#EC1379
600
#BD0F61
700
#970C4E
800
#76093D
900
#560B2E
950
#36071D

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.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