#B95454#B95454

#B95454 is a mid, vivid red. Relative luminance 0.173; OKLCH L 57.3% C 0.131 H 22.1°. Best body text is #FFFFFF at 4.71:1 contrast (WCAG AA passes).

Color values

HEX	#B95454
RGB	rgb(185, 84, 84)
HSL	hsl(0, 42%, 53%)
HSV	hsv(0, 55%, 73%)
CMYK	cmyk(0%, 54.6%, 54.6%, 27.5%)
CIE-LAB	lab(48.63, 40.83, 19.96)
CIE-LCH	lch(48.63, 45.44, 26.05°)
OKLab	oklab(57.29% 0.1217 0.0494)
OKLCH	oklch(57.29% 0.131 22.1)
XYZ	xyz(24.7801, 17.2979, 10.4197)
Luminance	0.1729 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B95454 #54B9B9

analogous

#B95486 #B95454 #B98654

triadic

#B95454 #54B954 #5454B9

tetradic

#B95454 #86B954 #54B9B9 #8654B9

square

#B95454 #86B954 #54B9B9 #8654B9

split-complementary

#B95454 #54B986 #5486B9

monochromatic

#682B2B #933C3C #B95454 #CB7F7F #DDABAB

Accessibility & contrast

On white

4.71

#B95454 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.46

#B95454 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B95454

4.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B95454	#FFFFFF	#000000	##FFFFFF
##B95454	1.00	4.71	4.46	4.71
#FFFFFF	4.71	1.00	21.00	1.00
#000000	4.46	21.00	1.00	21.00
##FFFFFF	4.71	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#6C6653

Deuteranopia (green-blind)

#857B52

Tritanopia (blue-blind)

#C94455

Achromatopsia (no color)

#737373

Design tokens & code

CSS

--color: #b95454;
/* rgb */ color: rgb(185, 84, 84);
/* oklch */ color: oklch(57.3% 0.131 22.1);

Tailwind

colors: {
  custom: {
    50: '#d38784',
    500: '#b95454',
    950: '#000000',
  },
}

SCSS

$custom: #b95454;
$custom-light: #d38784;
$custom-dark: #000000;

JSON

{
  "hex": "#b95454",
  "rgb": {
    "r": 185,
    "g": 84,
    "b": 84
  },
  "hsl": {
    "h": 0,
    "s": 41.909,
    "l": 52.745
  },
  "oklch": {
    "l": 0.57285,
    "c": 0.13129,
    "h": 22.1
  },
  "luminance": 0.17295
}

Semantic roles & 50–950 ramp

primary

#B95454

secondary

#9FCACA

accent

#D2D256

background

#FDF8F8

surface

#FBF0EF

border

#D4CBCA

text

#150B0A

muted

#837C7C

Preview Lab

Preview with #B95454

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

Preview Lab → · Contrast checker → · Palette generator →