#BEA05D#BEA05D

#BEA05D is a light, moderate orange. Relative luminance 0.369; OKLCH L 71.8% C 0.093 H 86.0°. Best body text is #000000 at 8.38:1 contrast (WCAG AA passes).

Color values

HEX#BEA05D
RGBrgb(190, 160, 93)
HSLhsl(41, 43%, 55%)
HSVhsv(41, 51%, 75%)
CMYKcmyk(0%, 15.8%, 51.1%, 25.5%)
CIE-LABlab(67.19, 2.47, 38.80)
CIE-LCHlch(67.19, 38.88, 86.36°)
OKLaboklab(71.81% 0.0066 0.0928)
OKLCHoklch(71.81% 0.093 86)
XYZxyz(35.7832, 36.8809, 15.5877)
Luminance0.3688 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BEA05D #5D7BBE
analogous
#BE6F5D #BEA05D #ABBE5D
triadic
#BEA05D #5DBEA0 #A05DBE
tetradic
#BEA05D #5DBE6F #5D7BBE #BE5DAB
square
#BEA05D #5DBE6F #5D7BBE #BE5DAB
split-complementary
#BEA05D #5DABBE #6F5DBE
monochromatic
#735D2E #9E8140 #BEA05D #D0BA89 #E1D3B4

Accessibility & contrast

On white

2.51
#BEA05D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.38
#BEA05D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEA05D
8.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BEA05D#FFFFFF#000000##000000
##BEA05D1.002.518.388.38
#FFFFFF2.511.0021.0021.00
#0000008.3821.001.001.00
##0000008.3821.001.001.00

Color blindness preview

Protanopia (red-blind)
#AF9F57
Deuteranopia (green-blind)
#B6A75F
Tritanopia (blue-blind)
#CB9690
Achromatopsia (no color)
#A4A4A4

Design tokens & code

CSS
--color: #bea05d;
/* rgb */ color: rgb(190, 160, 93);
/* oklch */ color: oklch(71.8% 0.093 86.0);
Tailwind
colors: {
  custom: {
    50: '#d4bb8c',
    500: '#bea05d',
    950: '#000000',
  },
}
SCSS
$custom: #bea05d;
$custom-light: #d4bb8c;
$custom-dark: #000000;
JSON
{
  "hex": "#bea05d",
  "rgb": {
    "r": 190,
    "g": 160,
    "b": 93
  },
  "hsl": {
    "h": 41.443,
    "s": 42.731,
    "l": 55.49
  },
  "oklch": {
    "l": 0.7181,
    "c": 0.09305,
    "h": 86
  },
  "luminance": 0.36879
}

Semantic roles & 50–950 ramp

primary
#BEA05D
secondary
#A7B4D0
accent
#7CD355
background
#FDFBF8
surface
#FAF6F0
border
#D3D0CB
text
#14110C
muted
#83807D

Preview Lab

Preview with #BEA05D

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

Preview Lab → · Contrast checker → · Palette generator →

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