#B8305D#B8305D

#B8305D is a mid, vivid pink. Relative luminance 0.131; OKLCH L 53.0% C 0.174 H 5.7°. Best body text is #FFFFFF at 5.80:1 contrast (WCAG AA passes).

Color values

HEX#B8305D
RGBrgb(184, 48, 93)
HSLhsl(340, 59%, 45%)
HSVhsv(340, 74%, 72%)
CMYKcmyk(0%, 73.9%, 49.5%, 27.8%)
CIE-LABlab(42.91, 56.76, 6.54)
CIE-LCHlch(42.91, 57.13, 6.57°)
OKLaboklab(53.04% 0.1734 0.0172)
OKLCHoklch(53.04% 0.174 5.7)
XYZxyz(22.8018, 13.0976, 11.6812)
Luminance0.1310 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B8305D #30B88B
analogous
#B830A1 #B8305D #B84730
triadic
#B8305D #5DB830 #305DB8
tetradic
#B8305D #A1B830 #30B88B #4730B8
square
#B8305D #A1B830 #30B88B #4730B8
split-complementary
#B8305D #30B847 #30A1B8
monochromatic
#57172C #872344 #B8305D #D2537D #DF84A2

Accessibility & contrast

On white

5.80
#B8305D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.62
#B8305D on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B8305D
5.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B8305D#FFFFFF#000000##FFFFFF
##B8305D1.005.803.625.80
#FFFFFF5.801.0021.001.00
#0000003.6221.001.0021.00
##FFFFFF5.801.0021.001.00

Color blindness preview

Protanopia (red-blind)
#51545E
Deuteranopia (green-blind)
#756F5A
Tritanopia (blue-blind)
#C81243
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #b8305d;
/* rgb */ color: rgb(184, 48, 93);
/* oklch */ color: oklch(53.0% 0.174 5.7);
Tailwind
colors: {
  custom: {
    50: '#d3748a',
    500: '#b8305d',
    950: '#000000',
  },
}
SCSS
$custom: #b8305d;
$custom-light: #d3748a;
$custom-dark: #000000;
JSON
{
  "hex": "#b8305d",
  "rgb": {
    "r": 184,
    "g": 48,
    "b": 93
  },
  "hsl": {
    "h": 340.147,
    "s": 58.621,
    "l": 45.49
  },
  "oklch": {
    "l": 0.53041,
    "c": 0.17421,
    "h": 5.7
  },
  "luminance": 0.13095
}

Semantic roles & 50–950 ramp

primary
#B8305D
secondary
#7CC8AF
accent
#E2AE46
background
#FDF7F8
surface
#FBEDF0
border
#D4C8CB
text
#15090B
muted
#837B7C

Preview Lab

Preview with #B8305D

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

Preview Lab → · Contrast checker → · Palette generator →

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