#BE6E39#BE6E39

#BE6E39 is a mid, vivid orange. Relative luminance 0.224; OKLCH L 61.7% C 0.122 H 52.0°. Best body text is #000000 at 5.48:1 contrast (WCAG AA passes).

Color values

HEX#BE6E39
RGBrgb(190, 110, 57)
HSLhsl(24, 54%, 48%)
HSVhsv(24, 70%, 75%)
CMYKcmyk(0%, 42.1%, 70%, 25.5%)
CIE-LABlab(54.45, 27.26, 42.33)
CIE-LCHlch(54.45, 50.35, 57.22°)
OKLaboklab(61.74% 0.0751 0.0961)
OKLCHoklch(61.74% 0.122 52)
XYZxyz(27.5519, 22.3973, 6.7422)
Luminance0.2239 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BE6E39 #3989BE
analogous
#BE3946 #BE6E39 #BEB039
triadic
#BE6E39 #39BE6E #6E39BE
tetradic
#BE6E39 #46BE39 #3989BE #B039BE
square
#BE6E39 #46BE39 #3989BE #B039BE
split-complementary
#BE6E39 #39BEB0 #3946BE
monochromatic
#60371D #8F532B #BE6E39 #D08F64 #DFB193

Accessibility & contrast

On white

3.83
#BE6E39 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.48
#BE6E39 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BE6E39
5.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BE6E39#FFFFFF#000000##000000
##BE6E391.003.835.485.48
#FFFFFF3.831.0021.0021.00
#0000005.4821.001.001.00
##0000005.4821.001.001.00

Color blindness preview

Protanopia (red-blind)
#857733
Deuteranopia (green-blind)
#988939
Tritanopia (blue-blind)
#CF5E62
Achromatopsia (no color)
#828282

Design tokens & code

CSS
--color: #be6e39;
/* rgb */ color: rgb(190, 110, 57);
/* oklch */ color: oklch(61.7% 0.122 52.0);
Tailwind
colors: {
  custom: {
    50: '#d79872',
    500: '#be6e39',
    950: '#000000',
  },
}
SCSS
$custom: #be6e39;
$custom-light: #d79872;
$custom-dark: #000000;
JSON
{
  "hex": "#be6e39",
  "rgb": {
    "r": 190,
    "g": 110,
    "b": 57
  },
  "hsl": {
    "h": 23.91,
    "s": 53.846,
    "l": 48.431
  },
  "oklch": {
    "l": 0.61742,
    "c": 0.122,
    "h": 52
  },
  "luminance": 0.22394
}

Semantic roles & 50–950 ramp

primary
#BE6E39
secondary
#89B0CA
accent
#A3DD4B
background
#FDF9F7
surface
#FBF2ED
border
#D4CCC8
text
#150E08
muted
#837E7B

Preview Lab

Preview with #BE6E39

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

Preview Lab → · Contrast checker → · Palette generator →

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