#BE48B1

#BE48B1

Color Values

HEX

#BE48B1

RGB

190, 72, 177

HSL

306.6, 47.6%, 51.4%

HSV

306.6, 62.1%, 74.5%

CMYK

0.0%, 62.1%, 6.8%, 25.5%

OKLCH

0.5976 0.1935 332.3

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BE48B1

#48BE55

Analogous

#9048BE

#BE4876

#BE48B1

Triadic

#BE48B1

#B1BE48

#48B1BE

Split Complementary

#BE48B1

#76BE48

#48BE90

Tetradic

#BE48B1

#BE9048

#48BE55

#4876BE

Color Blindness Simulation

Original

#BE48B1

Protanopia

#8B8A98

Deuteranopia

#929B92

Tritanopia

#B8847F

Achromatopsia

#696969

CSS Usage

background-color: #BE48B1;
color: #BE48B1;
border-color: #BE48B1;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAE9
300
#DFA5D9
400
#CE74C4
500
#BC43AF
600
#97358C
700
#782B70
800
#5E2157
900
#451C41
950
#2C1129

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

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