#BE4166

#BE4166

Color Values

HEX

#BE4166

RGB

190, 65, 102

HSL

342.2, 49.0%, 50.0%

HSV

342.2, 65.8%, 74.5%

CMYK

0.0%, 65.8%, 46.3%, 25.5%

OKLCH

0.5603 0.1622 5.9

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BE4166

#41BE99

Analogous

#BE41A5

#BE5A41

#BE4166

Triadic

#BE4166

#66BE41

#4166BE

Split Complementary

#BE4166

#41BE5A

#41A5BE

Tetradic

#BE4166

#A5BE41

#41BE99

#5A41BE

Color Blindness Simulation

Original

#BE4166

Protanopia

#88875D

Deuteranopia

#8F985B

Tritanopia

#B85654

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BE4166;
color: #BE4166;
border-color: #BE4166;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F6
100
#F5E6EA
200
#EDCAD4
300
#E0A4B6
400
#CF728E
500
#BE4166
600
#983452
700
#7A2A41
800
#5F2133
900
#461B28
950
#2C1119

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14:1

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