#B1406F

#B1406F

Color Values

HEX

#B1406F

RGB

177, 64, 111

HSL

335.0, 46.9%, 47.3%

HSV

335.0, 63.8%, 69.4%

CMYK

0.0%, 63.8%, 37.3%, 30.6%

OKLCH

0.5413 0.1535 357.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B1406F

#40B182

Analogous

#B140A8

#B14940

#B1406F

Triadic

#B1406F

#6FB140

#406FB1

Split Complementary

#B1406F

#40B149

#40A8B1

Tetradic

#B1406F

#A8B140

#40B182

#4940B1

Color Blindness Simulation

Original

#B1406F

Protanopia

#807F64

Deuteranopia

#878F61

Tritanopia

#AB5B59

Achromatopsia

#5B5B5B

CSS Usage

background-color: #B1406F;
color: #B1406F;
border-color: #B1406F;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DFA5BD
400
#CD7499
500
#BB4476
600
#96365E
700
#782B4B
800
#5E223B
900
#451C2D
950
#2C121C

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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