#B40D64

#B40D64

Color Values

HEX

#B40D64

RGB

180, 13, 100

HSL

328.7, 86.5%, 37.8%

HSV

328.7, 92.8%, 70.6%

CMYK

0.0%, 92.8%, 44.4%, 29.4%

OKLCH

0.5042 0.1995 358.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#B40D64

#0DB45D

Analogous

#B00DB4

#B40D11

#B40D64

Triadic

#B40D64

#64B40D

#0D64B4

Split Complementary

#B40D64

#11B40D

#0DB4B0

Tetradic

#B40D64

#B4B00D

#0DB45D

#0D11B4

Color Blindness Simulation

Original

#B40D64

Protanopia

#6C6A4F

Deuteranopia

#75824A

Tritanopia

#AC3E3B

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDD
300
#F78DC4
400
#F24FA4
500
#EE1184
600
#BE0E6A
700
#980B55
800
#770942
900
#560B32
950
#360720

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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