#BE89B4

#BE89B4

Color Values

HEX

#BE89B4

RGB

190, 137, 180

HSL

311.3, 29.0%, 64.1%

HSV

311.3, 27.9%, 74.5%

CMYK

0.0%, 27.9%, 5.3%, 25.5%

OKLCH

0.6956 0.0865 333.3

Properties

Warm Light Nearest: plum 3

Color Psychology

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Color Harmonies

Complementary

#BE89B4

#89BE93

Analogous

#AD89BE

#BE8999

#BE89B4

Triadic

#BE89B4

#B4BE89

#89B4BE

Split Complementary

#BE89B4

#99BE89

#89BEAD

Tetradic

#BE89B4

#BEAD89

#89BE93

#8999BE

Color Blindness Simulation

Original

#BE89B4

Protanopia

#A7A7AA

Deuteranopia

#AAAEA7

Tritanopia

#BBA1A0

Achromatopsia

#979797

CSS Usage

background-color: #BE89B4;
color: #BE89B4;
border-color: #BE89B4;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F9
100
#F2E9F0
200
#E6D1E2
300
#D4B0CD
400
#BC85B2
500
#A45B97
600
#844878
700
#693A60
800
#522D4B
900
#3D2438
950
#271724

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.43:1

AA Pass AAA Pass

Compare With

#BE89B4
#89BE93
#BE89B4
#FFFFFF
#000000
#BE89B4

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026