#B52848#B52848

#B52848 is a mid, vivid red. Relative luminance 0.118; OKLCH L 51.3% C 0.176 H 13.6°. Best body text is #FFFFFF at 6.25:1 contrast (WCAG AA passes).

Color values

HEX#B52848
RGBrgb(181, 40, 72)
HSLhsl(346, 64%, 43%)
HSVhsv(346, 78%, 71%)
CMYKcmyk(0%, 77.9%, 60.2%, 29%)
CIE-LABlab(40.92, 56.88, 16.87)
CIE-LCHlch(40.92, 59.33, 16.52°)
OKLaboklab(51.3% 0.1712 0.0415)
OKLCHoklch(51.3% 0.176 13.6)
XYZxyz(20.9867, 11.8123, 7.3046)
Luminance0.1181 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B52848 #28B595
analogous
#B5288E #B52848 #B54E28
triadic
#B52848 #48B528 #2848B5
tetradic
#B52848 #8EB528 #28B595 #4E28B5
square
#B52848 #8EB528 #28B595 #4E28B5
split-complementary
#B52848 #28B54E #288EB5
monochromatic
#511220 #831D34 #B52848 #D64465 #E1778F

Accessibility & contrast

On white

6.25
#B52848 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.36
#B52848 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B52848
6.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B52848#FFFFFF#000000##FFFFFF
##B528481.006.253.366.25
#FFFFFF6.251.0021.001.00
#0000003.3621.001.0021.00
##FFFFFF6.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#504E48
Deuteranopia (green-blind)
#746B44
Tritanopia (blue-blind)
#C60036
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #b52848;
/* rgb */ color: rgb(181, 40, 72);
/* oklch */ color: oklch(51.3% 0.176 13.6);
Tailwind
colors: {
  custom: {
    50: '#d2707a',
    500: '#b52848',
    950: '#000000',
  },
}
SCSS
$custom: #b52848;
$custom-light: #d2707a;
$custom-dark: #000000;
JSON
{
  "hex": "#b52848",
  "rgb": {
    "r": 181,
    "g": 40,
    "b": 72
  },
  "hsl": {
    "h": 346.383,
    "s": 63.801,
    "l": 43.333
  },
  "oklch": {
    "l": 0.51303,
    "c": 0.17613,
    "h": 13.6
  },
  "luminance": 0.11809
}

Semantic roles & 50–950 ramp

primary
#B52848
secondary
#70C8B4
accent
#E7C141
background
#FDF7F7
surface
#FBEDED
border
#D4C8C8
text
#150809
muted
#837B7B

Preview Lab

Preview with #B52848

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

Preview Lab → · Contrast checker → · Palette generator →

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