#B45AAB

#B45AAB

Color Values

HEX

#B45AAB

RGB

180, 90, 171

HSL

306.0, 37.5%, 52.9%

HSV

306.0, 50.0%, 70.6%

CMYK

0.0%, 50.0%, 5.0%, 29.4%

OKLCH

0.6039 0.1543 331.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#B45AAB

#5AB463

Analogous

#905AB4

#B45A7E

#B45AAB

Triadic

#B45AAB

#ABB45A

#5AABB4

Split Complementary

#B45AAB

#7EB45A

#5AB490

Tetradic

#B45AAB

#B4905A

#5AB463

#5A7EB4

Color Blindness Simulation

Original

#B45AAB

Protanopia

#8D8C97

Deuteranopia

#929993

Tritanopia

#B08885

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE6
300
#D9ABD4
400
#C47DBD
500
#AF50A6
600
#8C4085
700
#70336A
800
#582853
900
#41203E
950
#291427

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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