#EBA284#EBA284

#EBA284 is a light, moderate orange. Relative luminance 0.452; OKLCH L 77.6% C 0.097 H 43.2°. Best body text is #000000 at 10.03:1 contrast (WCAG AA passes).

Color values

HEX#EBA284
RGBrgb(235, 162, 132)
HSLhsl(17, 72%, 72%)
HSVhsv(17, 44%, 92%)
CMYKcmyk(0%, 31.1%, 43.8%, 7.8%)
CIE-LABlab(73.01, 23.58, 26.52)
CIE-LCHlch(73.01, 35.48, 48.36°)
OKLaboklab(77.61% 0.0705 0.0662)
OKLCHoklch(77.61% 0.097 43.2)
XYZxyz(51.3485, 45.1725, 27.8400)
Luminance0.4517 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EBA284 #84CDEB
analogous
#EB849A #EBA284 #EBD684
triadic
#EBA284 #84EBA2 #A284EB
tetradic
#EBA284 #9AEB84 #84CDEB #D684EB
square
#EBA284 #9AEB84 #84CDEB #D684EB
split-complementary
#EBA284 #84EBD6 #849AEB
monochromatic
#D25622 #E27A4F #EBA284 #F4CAB9 #FBEBE5

Accessibility & contrast

On white

2.09
#EBA284 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.03
#EBA284 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBA284
10.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EBA284#FFFFFF#000000##000000
##EBA2841.002.0910.0310.03
#FFFFFF2.091.0021.0021.00
#00000010.0321.001.001.00
##00000010.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#B5AA82
Deuteranopia (green-blind)
#C6B984
Tritanopia (blue-blind)
#FC969A
Achromatopsia (no color)
#B3B3B3

Design tokens & code

CSS
--color: #eba284;
/* rgb */ color: rgb(235, 162, 132);
/* oklch */ color: oklch(77.6% 0.097 43.2);
Tailwind
colors: {
  custom: {
    50: '#f4bea8',
    500: '#eba284',
    950: '#000000',
  },
}
SCSS
$custom: #eba284;
$custom-light: #f4bea8;
$custom-dark: #000000;
JSON
{
  "hex": "#eba284",
  "rgb": {
    "r": 235,
    "g": 162,
    "b": 132
  },
  "hsl": {
    "h": 17.476,
    "s": 72.028,
    "l": 71.961
  },
  "oklch": {
    "l": 0.77614,
    "c": 0.09673,
    "h": 43.2
  },
  "luminance": 0.45169
}

Semantic roles & 50–950 ramp

primary
#EBA284
secondary
#D8EBF2
accent
#9BD411
background
#FFFBFA
surface
#FFF6F4
border
#D7D0CE
text
#17120F
muted
#85817F

Preview Lab

Preview with #EBA284

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

Preview Lab → · Contrast checker → · Palette generator →

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