#EFA661#EFA661

#EFA661 is a light, vivid orange. Relative luminance 0.465; OKLCH L 78.2% C 0.122 H 62.8°. Best body text is #000000 at 10.30:1 contrast (WCAG AA passes).

Color values

HEX#EFA661
RGBrgb(239, 166, 97)
HSLhsl(29, 82%, 66%)
HSVhsv(29, 59%, 94%)
CMYKcmyk(0%, 30.5%, 59.4%, 6.3%)
CIE-LABlab(73.86, 20.00, 46.04)
CIE-LCHlch(73.86, 50.20, 66.52°)
OKLaboklab(78.21% 0.0555 0.1082)
OKLCHoklch(78.21% 0.122 62.8)
XYZxyz(51.3937, 46.4904, 17.5737)
Luminance0.4649 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFA661 #61AAEF
analogous
#EF6163 #EFA661 #EFED61
triadic
#EFA661 #61EFA6 #A661EF
tetradic
#EFA661 #63EF61 #61AAEF #ED61EF
square
#EFA661 #63EF61 #61AAEF #ED61EF
split-complementary
#EFA661 #61EFED #6163EF
monochromatic
#C26814 #E98729 #EFA661 #F5C599 #FAE5D0

Accessibility & contrast

On white

2.04
#EFA661 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.30
#EFA661 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFA661
10.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFA661#FFFFFF#000000##000000
##EFA6611.002.0410.3010.30
#FFFFFF2.041.0021.0021.00
#00000010.3021.001.001.00
##00000010.3021.001.001.00

Color blindness preview

Protanopia (red-blind)
#BDAC5B
Deuteranopia (green-blind)
#CEBC62
Tritanopia (blue-blind)
#FF9696
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #efa661;
/* rgb */ color: rgb(239, 166, 97);
/* oklch */ color: oklch(78.2% 0.122 62.8);
Tailwind
colors: {
  custom: {
    50: '#f8c08f',
    500: '#efa661',
    950: '#000000',
  },
}
SCSS
$custom: #efa661;
$custom-light: #f8c08f;
$custom-dark: #000000;
JSON
{
  "hex": "#efa661",
  "rgb": {
    "r": 239,
    "g": 166,
    "b": 97
  },
  "hsl": {
    "h": 29.155,
    "s": 81.609,
    "l": 65.882
  },
  "oklch": {
    "l": 0.78208,
    "c": 0.12159,
    "h": 62.8
  },
  "luminance": 0.46486
}

Semantic roles & 50–950 ramp

primary
#EFA661
secondary
#BED7ED
accent
#76DE08
background
#FFFBF8
surface
#FFF7F0
border
#D7D0CB
text
#18120C
muted
#86817D

Preview Lab

Preview with #EFA661

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

Preview Lab → · Contrast checker → · Palette generator →

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