#BD232A#BD232A

#BD232A is a mid, vivid red. Relative luminance 0.122; OKLCH L 51.9% C 0.188 H 25.0°. Best body text is #FFFFFF at 6.11:1 contrast (WCAG AA passes).

Color values

HEX	#BD232A
RGB	rgb(189, 35, 42)
HSL	hsl(357, 69%, 44%)
HSV	hsv(357, 81%, 74%)
CMYK	cmyk(0%, 81.5%, 77.8%, 25.9%)
CIE-LAB	lab(41.52, 59.10, 36.29)
CIE-LCH	lch(41.52, 69.36, 31.55°)
OKLab	oklab(51.88% 0.1708 0.0797)
OKLCH	oklch(51.88% 0.188 25)
XYZ	xyz(22.0079, 12.1916, 3.3845)
Luminance	0.1219 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BD232A #23BDB6

analogous

#BD2377 #BD232A #BD6923

triadic

#BD232A #2ABD23 #232ABD

tetradic

#BD232A #77BD23 #23BDB6 #6923BD

square

#BD232A #77BD23 #23BDB6 #6923BD

split-complementary

#BD232A #23BD69 #2377BD

monochromatic

#561013 #89191F #BD232A #DC4148 #E5757A

Accessibility & contrast

On white

6.11

#BD232A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.44

#BD232A on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #BD232A

6.11:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BD232A	#FFFFFF	#000000	##FFFFFF
##BD232A	1.00	6.11	3.44	6.11
#FFFFFF	6.11	1.00	21.00	1.00
#000000	3.44	21.00	1.00	21.00
##FFFFFF	6.11	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#554D28

Deuteranopia (green-blind)

#7A6E23

Tritanopia (blue-blind)

#D00028

Achromatopsia (no color)

#626262

Design tokens & code

CSS

--color: #bd232a;
/* rgb */ color: rgb(189, 35, 42);
/* oklch */ color: oklch(51.9% 0.188 25.0);

Tailwind

colors: {
  custom: {
    50: '#da6e64',
    500: '#bd232a',
    950: '#000000',
  },
}

SCSS

$custom: #bd232a;
$custom-light: #da6e64;
$custom-dark: #000000;

JSON

{
  "hex": "#bd232a",
  "rgb": {
    "r": 189,
    "g": 35,
    "b": 42
  },
  "hsl": {
    "h": 357.273,
    "s": 68.75,
    "l": 43.922
  },
  "oklch": {
    "l": 0.51876,
    "c": 0.18848,
    "h": 25
  },
  "luminance": 0.12188
}

Semantic roles & 50–950 ramp

primary

#BD232A

secondary

#6FCDC8

accent

#ECE43C

background

#FEF7F6

surface

#FDEDEB

border

#D5C8C6

text

#170805

muted

#857B7A

Preview Lab

Preview with #BD232A

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

Preview Lab → · Contrast checker → · Palette generator →