#B43B15#B43B15

#B43B15 is a mid, vivid red. Relative luminance 0.129; OKLCH L 52.3% C 0.164 H 36.5°. Best body text is #FFFFFF at 5.87:1 contrast (WCAG AA passes).

Color values

HEX#B43B15
RGBrgb(180, 59, 21)
HSLhsl(14, 79%, 39%)
HSVhsv(14, 88%, 71%)
CMYKcmyk(0%, 67.2%, 88.3%, 29.4%)
CIE-LABlab(42.59, 47.41, 47.25)
CIE-LCHlch(42.59, 66.93, 44.91°)
OKLaboklab(52.31% 0.1315 0.0974)
OKLCHoklch(52.31% 0.164 36.5)
XYZxyz(20.5241, 12.8885, 2.1163)
Luminance0.1288 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B43B15 #158EB4
analogous
#B4153E #B43B15 #B48B15
triadic
#B43B15 #15B43B #3B15B4
tetradic
#B43B15 #3EB415 #158EB4 #8B15B4
square
#B43B15 #3EB415 #158EB4 #8B15B4
split-complementary
#B43B15 #15B48B #153EB4
monochromatic
#461708 #7D290F #B43B15 #E55021 #EC7B58

Accessibility & contrast

On white

5.87
#B43B15 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.58
#B43B15 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B43B15
5.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B43B15#FFFFFF#000000##FFFFFF
##B43B151.005.873.585.87
#FFFFFF5.871.0021.001.00
#0000003.5821.001.0021.00
##FFFFFF5.871.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5F530D
Deuteranopia (green-blind)
#7D6F0C
Tritanopia (blue-blind)
#C71234
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #b43b15;
/* rgb */ color: rgb(180, 59, 21);
/* oklch */ color: oklch(52.3% 0.164 36.5);
Tailwind
colors: {
  custom: {
    50: '#d47758',
    500: '#b43b15',
    950: '#000000',
  },
}
SCSS
$custom: #b43b15;
$custom-light: #d47758;
$custom-dark: #000000;
JSON
{
  "hex": "#b43b15",
  "rgb": {
    "r": 180,
    "g": 59,
    "b": 21
  },
  "hsl": {
    "h": 14.34,
    "s": 79.104,
    "l": 39.412
  },
  "oklch": {
    "l": 0.52313,
    "c": 0.16361,
    "h": 36.5
  },
  "luminance": 0.12885
}

Semantic roles & 50–950 ramp

primary
#B43B15
secondary
#56B2CF
accent
#C7F632
background
#FEF7F5
surface
#FCEDE9
border
#D5C8C5
text
#160903
muted
#847B78

Preview Lab

Preview with #B43B15

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

Preview Lab → · Contrast checker → · Palette generator →

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