#B73149#B73149

#B73149 is a mid, vivid red. Relative luminance 0.127; OKLCH L 52.5% C 0.170 H 15.3°. Best body text is #FFFFFF at 5.92:1 contrast (WCAG AA passes).

Color values

HEX#B73149
RGBrgb(183, 49, 73)
HSLhsl(349, 58%, 45%)
HSVhsv(349, 73%, 72%)
CMYKcmyk(0%, 73.2%, 60.1%, 28.2%)
CIE-LABlab(42.38, 54.57, 18.26)
CIE-LCHlch(42.38, 57.54, 18.51°)
OKLaboklab(52.46% 0.1637 0.0448)
OKLCHoklch(52.46% 0.17 15.3)
XYZxyz(21.8315, 12.7481, 7.6131)
Luminance0.1275 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B73149 #31B79F
analogous
#B7318C #B73149 #B75C31
triadic
#B73149 #49B731 #3149B7
tetradic
#B73149 #8CB731 #31B79F #5C31B7
square
#B73149 #8CB731 #31B79F #5C31B7
split-complementary
#B73149 #31B75C #318CB7
monochromatic
#561722 #872436 #B73149 #D1546A #DE8494

Accessibility & contrast

On white

5.92
#B73149 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.55
#B73149 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B73149
5.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B73149#FFFFFF#000000##FFFFFF
##B731491.005.923.555.92
#FFFFFF5.921.0021.001.00
#0000003.5521.001.0021.00
##FFFFFF5.921.0021.001.00

Color blindness preview

Protanopia (red-blind)
#555249
Deuteranopia (green-blind)
#776E45
Tritanopia (blue-blind)
#C8043B
Achromatopsia (no color)
#646464

Design tokens & code

CSS
--color: #b73149;
/* rgb */ color: rgb(183, 49, 73);
/* oklch */ color: oklch(52.5% 0.170 15.3);
Tailwind
colors: {
  custom: {
    50: '#d3747b',
    500: '#b73149',
    950: '#000000',
  },
}
SCSS
$custom: #b73149;
$custom-light: #d3747b;
$custom-dark: #000000;
JSON
{
  "hex": "#b73149",
  "rgb": {
    "r": 183,
    "g": 49,
    "b": 73
  },
  "hsl": {
    "h": 349.254,
    "s": 57.759,
    "l": 45.49
  },
  "oklch": {
    "l": 0.52464,
    "c": 0.16968,
    "h": 15.3
  },
  "luminance": 0.12745
}

Semantic roles & 50–950 ramp

primary
#B73149
secondary
#7CC8BA
accent
#E1C547
background
#FDF7F7
surface
#FBEDED
border
#D4C8C8
text
#150909
muted
#837B7B

Preview Lab

Preview with #B73149

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

Preview Lab → · Contrast checker → · Palette generator →

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