#BE4671#BE4671

#BE4671 is a mid, vivid pink. Relative luminance 0.165; OKLCH L 56.9% C 0.159 H 1.3°. Best body text is #FFFFFF at 4.88:1 contrast (WCAG AA passes).

Color values

HEX#BE4671
RGBrgb(190, 70, 113)
HSLhsl(339, 48%, 51%)
HSVhsv(339, 63%, 75%)
CMYKcmyk(0%, 63.2%, 40.5%, 25.5%)
CIE-LABlab(47.65, 51.90, 1.18)
CIE-LCHlch(47.65, 51.91, 1.30°)
OKLaboklab(56.93% 0.1586 0.0037)
OKLCHoklch(56.93% 0.159 1.3)
XYZxyz(26.4077, 16.5228, 17.4181)
Luminance0.1652 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BE4671 #46BE93
analogous
#BE46AD #BE4671 #BE5746
triadic
#BE4671 #71BE46 #4671BE
tetradic
#BE4671 #ADBE46 #46BE93 #5746BE
square
#BE4671 #ADBE46 #46BE93 #5746BE
split-complementary
#BE4671 #46BE57 #46ADBE
monochromatic
#66243B #933456 #BE4671 #CE7394 #DEA1B7

Accessibility & contrast

On white

4.88
#BE4671 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.30
#BE4671 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #BE4671
4.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BE4671#FFFFFF#000000##FFFFFF
##BE46711.004.884.304.88
#FFFFFF4.881.0021.001.00
#0000004.3021.001.0021.00
##FFFFFF4.881.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5D6372
Deuteranopia (green-blind)
#7D7A6E
Tritanopia (blue-blind)
#CD3957
Achromatopsia (no color)
#717171

Design tokens & code

CSS
--color: #be4671;
/* rgb */ color: rgb(190, 70, 113);
/* oklch */ color: oklch(56.9% 0.159 1.3);
Tailwind
colors: {
  custom: {
    50: '#d68099',
    500: '#be4671',
    950: '#000000',
  },
}
SCSS
$custom: #be4671;
$custom-light: #d68099;
$custom-dark: #000000;
JSON
{
  "hex": "#be4671",
  "rgb": {
    "r": 190,
    "g": 70,
    "b": 113
  },
  "hsl": {
    "h": 338.5,
    "s": 48,
    "l": 50.98
  },
  "oklch": {
    "l": 0.56934,
    "c": 0.15859,
    "h": 1.3
  },
  "luminance": 0.1652
}

Semantic roles & 50–950 ramp

primary
#BE4671
secondary
#95CAB7
accent
#D8A750
background
#FDF8F9
surface
#FBEFF2
border
#D4CACC
text
#150B0E
muted
#837C7E

Preview Lab

Preview with #BE4671

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#BE4671 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva