#BE862F#BE862F

#BE862F is a light, vivid orange. Relative luminance 0.282; OKLCH L 66.1% C 0.121 H 74.2°. Best body text is #000000 at 6.64:1 contrast (WCAG AA passes).

Color values

HEX	#BE862F
RGB	rgb(190, 134, 47)
HSL	hsl(37, 60%, 46%)
HSV	hsv(37, 75%, 75%)
CMYK	cmyk(0%, 29.5%, 75.3%, 25.5%)
CIE-LAB	lab(60.07, 13.57, 52.84)
CIE-LCH	lch(60.07, 54.56, 75.60°)
OKLab	oklab(66.08% 0.033 0.1166)
OKLCH	oklch(66.08% 0.121 74.2)
XYZ	xyz(30.2755, 28.2051, 6.5384)
Luminance	0.2820 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BE862F #2F67BE

analogous

#BE3E2F #BE862F #AFBE2F

triadic

#BE862F #2FBE86 #862FBE

tetradic

#BE862F #2FBE3E #2F67BE #BE2FAF

square

#BE862F #2FBE3E #2F67BE #BE2FAF

split-complementary

#BE862F #2FAFBE #3E2FBE

monochromatic

#5C4117 #8D6323 #BE862F #D5A355 #E1BE86

Accessibility & contrast

On white

3.16

#BE862F on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.64

#BE862F on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BE862F

6.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BE862F	#FFFFFF	#000000	##000000
##BE862F	1.00	3.16	6.64	6.64
#FFFFFF	3.16	1.00	21.00	21.00
#000000	6.64	21.00	1.00	1.00
##000000	6.64	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9A8923

Deuteranopia (green-blind)

#A79632

Tritanopia (blue-blind)

#CF7774

Achromatopsia (no color)

#919191

Design tokens & code

CSS

--color: #be862f;
/* rgb */ color: rgb(190, 134, 47);
/* oklch */ color: oklch(66.1% 0.121 74.2);

Tailwind

colors: {
  custom: {
    50: '#d6a96d',
    500: '#be862f',
    950: '#000000',
  },
}

SCSS

$custom: #be862f;
$custom-light: #d6a96d;
$custom-dark: #000000;

JSON

{
  "hex": "#be862f",
  "rgb": {
    "r": 190,
    "g": 134,
    "b": 47
  },
  "hsl": {
    "h": 36.503,
    "s": 60.338,
    "l": 46.471
  },
  "oklch": {
    "l": 0.66079,
    "c": 0.12116,
    "h": 74.2
  },
  "luminance": 0.28203
}

Semantic roles & 50–950 ramp

primary

#BE862F

secondary

#7E9CCB

accent

#83E344

background

#FDFAF6

surface

#FBF4EC

border

#D4CEC7

text

#150F07

muted

#837F7A

Preview Lab

Preview with #BE862F

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

Preview Lab → · Contrast checker → · Palette generator →