#B14072

#B14072

Color Values

HEX

#B14072

RGB

177, 64, 114

HSL

333.5, 46.9%, 47.3%

HSV

333.5, 63.8%, 69.4%

CMYK

0.0%, 63.8%, 35.6%, 30.6%

OKLCH

0.5424 0.1547 356.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B14072

#40B17F

Analogous

#B140AB

#B14740

#B14072

Triadic

#B14072

#72B140

#4072B1

Split Complementary

#B14072

#40B147

#40ABB1

Tetradic

#B14072

#ABB140

#40B17F

#4740B1

Color Blindness Simulation

Original

#B14072

Protanopia

#807F66

Deuteranopia

#878F63

Tritanopia

#AB5C5A

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DFA5BE
400
#CD749B
500
#BB4479
600
#963660
700
#782B4D
800
#5E223C
900
#451C2E
950
#2C121D

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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