#B21365

#B21365

Color Values

HEX

#B21365

RGB

178, 19, 101

HSL

329.1, 80.7%, 38.6%

HSV

329.1, 89.3%, 69.8%

CMYK

0.0%, 89.3%, 43.3%, 30.2%

OKLCH

0.5031 0.1956 357.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B21365

#13B260

Analogous

#AF13B2

#B21315

#B21365

Triadic

#B21365

#65B213

#1365B2

Split Complementary

#B21365

#15B213

#13B2AF

Tetradic

#B21365

#B2AF13

#13B260

#1315B2

Color Blindness Simulation

Original

#B21365

Protanopia

#6D6C51

Deuteranopia

#76824C

Tritanopia

#AA413E

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EE
200
#F8BEDC
300
#F390C3
400
#ED55A3
500
#E61983
600
#B81468
700
#931054
800
#730C41
900
#540D32
950
#35081F

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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