#BEB43F#BEB43F

#BEB43F is a light, vivid yellow. Relative luminance 0.439; OKLCH L 75.7% C 0.136 H 104.4°. Best body text is #000000 at 9.79:1 contrast (WCAG AA passes).

Color values

HEX#BEB43F
RGBrgb(190, 180, 63)
HSLhsl(55, 50%, 50%)
HSVhsv(55, 67%, 75%)
CMYKcmyk(0%, 5.3%, 66.8%, 25.5%)
CIE-LABlab(72.20, -10.34, 58.47)
CIE-LCHlch(72.20, 59.37, 100.03°)
OKLaboklab(75.68% -0.0338 0.1315)
OKLCHoklch(75.68% 0.136 104.4)
XYZxyz(38.4552, 43.9500, 11.1592)
Luminance0.4395 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BEB43F #3F49BE
analogous
#BE753F #BEB43F #88BE3F
triadic
#BEB43F #3FBEB4 #B43FBE
tetradic
#BEB43F #3FBE75 #3F49BE #BE3F88
square
#BEB43F #3FBE75 #3F49BE #BE3F88
split-complementary
#BEB43F #3F88BE #753FBE
monochromatic
#625D21 #908830 #BEB43F #CEC76C #DDD89A

Accessibility & contrast

On white

2.15
#BEB43F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.79
#BEB43F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEB43F
9.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BEB43F#FFFFFF#000000##000000
##BEB43F1.002.159.799.79
#FFFFFF2.151.0021.0021.00
#0000009.7921.001.001.00
##0000009.7921.001.001.00

Color blindness preview

Protanopia (red-blind)
#C3AE2F
Deuteranopia (green-blind)
#C7B346
Tritanopia (blue-blind)
#CCA89C
Achromatopsia (no color)
#B1B1B1

Design tokens & code

CSS
--color: #beb43f;
/* rgb */ color: rgb(190, 180, 63);
/* oklch */ color: oklch(75.7% 0.136 104.4);
Tailwind
colors: {
  custom: {
    50: '#d5ca7a',
    500: '#beb43f',
    950: '#000000',
  },
}
SCSS
$custom: #beb43f;
$custom-light: #d5ca7a;
$custom-dark: #000000;
JSON
{
  "hex": "#beb43f",
  "rgb": {
    "r": 190,
    "g": 180,
    "b": 63
  },
  "hsl": {
    "h": 55.276,
    "s": 50.198,
    "l": 49.608
  },
  "oklch": {
    "l": 0.75675,
    "c": 0.13575,
    "h": 104.4
  },
  "luminance": 0.43949
}

Semantic roles & 50–950 ramp

primary
#BEB43F
secondary
#8F94C9
accent
#59DA4E
background
#FDFCF7
surface
#FBF8EE
border
#D4D1C9
text
#15130A
muted
#83827C

Preview Lab

Preview with #BEB43F

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

Preview Lab → · Contrast checker → · Palette generator →

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