#B7548B

#B7548B

Color Values

HEX

#B7548B

RGB

183, 84, 139

HSL

326.7, 40.7%, 52.4%

HSV

326.7, 54.1%, 71.8%

CMYK

0.0%, 54.1%, 24.0%, 28.2%

OKLCH

0.5861 0.1427 347.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#B7548B

#54B780

Analogous

#B254B7

#B7545A

#B7548B

Triadic

#B7548B

#8BB754

#548BB7

Split Complementary

#B7548B

#5AB754

#54B7B2

Tetradic

#B7548B

#B7B254

#54B780

#545AB7

Color Blindness Simulation

Original

#B7548B

Protanopia

#8C8B7E

Deuteranopia

#92997A

Tritanopia

#B27371

Achromatopsia

#6D6D6D

CSS Usage

background-color: #B7548B;
color: #B7548B;
border-color: #B7548B;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C5
400
#C77AA5
500
#B34C85
600
#903C6B
700
#733055
800
#5A2643
900
#421F32
950
#2A1320

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass 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