#B65389

#B65389

Color Values

HEX

#B65389

RGB

182, 83, 137

HSL

327.3, 40.4%, 52.0%

HSV

327.3, 54.4%, 71.4%

CMYK

0.0%, 54.4%, 24.7%, 28.6%

OKLCH

0.5826 0.1422 348.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#B65389

#53B680

Analogous

#B253B6

#B65358

#B65389

Triadic

#B65389

#89B653

#5389B6

Split Complementary

#B65389

#58B653

#53B6B2

Tetradic

#B65389

#B6B253

#53B680

#5358B6

Color Blindness Simulation

Original

#B65389

Protanopia

#8B8A7C

Deuteranopia

#919879

Tritanopia

#B1726F

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C4
400
#C77BA4
500
#B34C84
600
#8F3D6A
700
#733155
800
#5A2642
900
#421F32
950
#2A1320

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.59:1

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