#B7186D

#B7186D

Color Values

HEX

#B7186D

RGB

183, 24, 109

HSL

327.9, 76.8%, 40.6%

HSV

327.9, 86.9%, 71.8%

CMYK

0.0%, 86.9%, 40.4%, 28.2%

OKLCH

0.5172 0.1992 355.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B7186D

#18B762

Analogous

#B118B7

#B7181E

#B7186D

Triadic

#B7186D

#6DB718

#186DB7

Split Complementary

#B7186D

#1EB718

#18B7B1

Tetradic

#B7186D

#B7B118

#18B762

#181EB7

Color Blindness Simulation

Original

#B7186D

Protanopia

#727158

Deuteranopia

#7B8754

Tritanopia

#AF4845

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EE
200
#F7C0DD
300
#F193C5
400
#E958A6
500
#E11E86
600
#B4186B
700
#901356
800
#710F43
900
#520F33
950
#340920

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026