#BE6997

#BE6997

Color Values

HEX

#BE6997

RGB

190, 105, 151

HSL

327.5, 39.5%, 57.8%

HSV

327.5, 44.7%, 74.5%

CMYK

0.0%, 44.7%, 20.5%, 25.5%

OKLCH

0.631 0.1216 347.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BE6997

#69BE90

Analogous

#BA69BE

#BE696C

#BE6997

Triadic

#BE6997

#97BE69

#6997BE

Split Complementary

#BE6997

#6CBE69

#69BEBA

Tetradic

#BE6997

#BEBA69

#69BE90

#696CBE

Color Blindness Simulation

Original

#BE6997

Protanopia

#99988C

Deuteranopia

#9EA489

Tritanopia

#BA8381

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CDDC
300
#DAAAC4
400
#C67BA4
500
#B24D84
600
#8E3E69
700
#723154
800
#592742
900
#421F32
950
#291420

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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