#BE512F#BE512F

#BE512F is a mid, vivid red. Relative luminance 0.170; OKLCH L 57.0% C 0.149 H 37.6°. Best body text is #FFFFFF at 4.76:1 contrast (WCAG AA passes).

Color values

HEX#BE512F
RGBrgb(190, 81, 47)
HSLhsl(14, 60%, 46%)
HSVhsv(14, 75%, 75%)
CMYKcmyk(0%, 57.4%, 75.3%, 25.5%)
CIE-LABlab(48.31, 41.84, 40.83)
CIE-LCHlch(48.31, 58.47, 44.30°)
OKLaboklab(57.02% 0.1178 0.0908)
OKLCHoklch(57.02% 0.149 37.6)
XYZxyz(24.6933, 17.0405, 4.6776)
Luminance0.1704 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BE512F #2F9CBE
analogous
#BE2F54 #BE512F #BE992F
triadic
#BE512F #2FBE51 #512FBE
tetradic
#BE512F #54BE2F #2F9CBE #992FBE
square
#BE512F #54BE2F #2F9CBE #992FBE
split-complementary
#BE512F #2FBE99 #2F54BE
monochromatic
#5C2717 #8D3C23 #BE512F #D57455 #E19C86

Accessibility & contrast

On white

4.76
#BE512F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.41
#BE512F on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #BE512F
4.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BE512F#FFFFFF#000000##FFFFFF
##BE512F1.004.764.414.76
#FFFFFF4.761.0021.001.00
#0000004.4121.001.0021.00
##FFFFFF4.761.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6F642B
Deuteranopia (green-blind)
#8A7C2C
Tritanopia (blue-blind)
#D1394A
Achromatopsia (no color)
#737373

Design tokens & code

CSS
--color: #be512f;
/* rgb */ color: rgb(190, 81, 47);
/* oklch */ color: oklch(57.0% 0.149 37.6);
Tailwind
colors: {
  custom: {
    50: '#d98569',
    500: '#be512f',
    950: '#000000',
  },
}
SCSS
$custom: #be512f;
$custom-light: #d98569;
$custom-dark: #000000;
JSON
{
  "hex": "#be512f",
  "rgb": {
    "r": 190,
    "g": 81,
    "b": 47
  },
  "hsl": {
    "h": 14.266,
    "s": 60.338,
    "l": 46.471
  },
  "oklch": {
    "l": 0.57021,
    "c": 0.14873,
    "h": 37.6
  },
  "luminance": 0.17037
}

Semantic roles & 50–950 ramp

primary
#BE512F
secondary
#7EB8CB
accent
#BEE344
background
#FEF8F6
surface
#FCEFEB
border
#D5CAC6
text
#160B06
muted
#847C7A

Preview Lab

Preview with #BE512F

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

Preview Lab → · Contrast checker → · Palette generator →

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