#BC0F66

#BC0F66

Color Values

HEX

#BC0F66

RGB

188, 15, 102

HSL

329.8, 85.2%, 39.8%

HSV

329.8, 92.0%, 73.7%

CMYK

0.0%, 92.0%, 45.7%, 26.3%

OKLCH

0.5202 0.2047 359.1

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#BC0F66

#0FBC65

Analogous

#BB0FBC

#BC0F10

#BC0F66

Triadic

#BC0F66

#66BC0F

#0F66BC

Split Complementary

#BC0F66

#10BC0F

#0FBCBB

Tetradic

#BC0F66

#BCBB0F

#0FBC65

#0F10BC

Color Blindness Simulation

Original

#BC0F66

Protanopia

#717051

Deuteranopia

#7B884C

Tritanopia

#B3403D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDC
300
#F68EC2
400
#F150A1
500
#EC1380
600
#BD0F67
700
#970C52
800
#760940
900
#560B31
950
#36071F

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4: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