#EDA07B#EDA07B

#EDA07B is a light, moderate orange. Relative luminance 0.446; OKLCH L 77.3% C 0.105 H 46.4°. Best body text is #000000 at 9.92:1 contrast (WCAG AA passes).

Color values

HEX#EDA07B
RGBrgb(237, 160, 123)
HSLhsl(19, 76%, 71%)
HSVhsv(19, 48%, 93%)
CMYKcmyk(0%, 32.5%, 48.1%, 7.1%)
CIE-LABlab(72.61, 24.54, 30.89)
CIE-LCHlch(72.61, 39.45, 51.54°)
OKLaboklab(77.31% 0.0725 0.0761)
OKLCHoklch(77.31% 0.105 46.4)
XYZxyz(51.0737, 44.5802, 24.6499)
Luminance0.4458 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EDA07B #7BC8ED
analogous
#ED7B8F #EDA07B #EDD97B
triadic
#EDA07B #7BEDA0 #A07BED
tetradic
#EDA07B #8FED7B #7BC8ED #D97BED
square
#EDA07B #8FED7B #7BC8ED #D97BED
split-complementary
#EDA07B #7BEDD9 #7B8FED
monochromatic
#D1571D #E67945 #EDA07B #F4C7B1 #FBECE4

Accessibility & contrast

On white

2.12
#EDA07B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.92
#EDA07B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EDA07B
9.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EDA07B#FFFFFF#000000##000000
##EDA07B1.002.129.929.92
#FFFFFF2.121.0021.0021.00
#0000009.9221.001.001.00
##0000009.9221.001.001.00

Color blindness preview

Protanopia (red-blind)
#B4A878
Deuteranopia (green-blind)
#C7B97B
Tritanopia (blue-blind)
#FF9397
Achromatopsia (no color)
#B2B2B2

Design tokens & code

CSS
--color: #eda07b;
/* rgb */ color: rgb(237, 160, 123);
/* oklch */ color: oklch(77.3% 0.105 46.4);
Tailwind
colors: {
  custom: {
    50: '#f6bca1',
    500: '#eda07b',
    950: '#000000',
  },
}
SCSS
$custom: #eda07b;
$custom-light: #f6bca1;
$custom-dark: #000000;
JSON
{
  "hex": "#eda07b",
  "rgb": {
    "r": 237,
    "g": 160,
    "b": 123
  },
  "hsl": {
    "h": 19.474,
    "s": 76,
    "l": 70.588
  },
  "oklch": {
    "l": 0.77311,
    "c": 0.10505,
    "h": 46.4
  },
  "luminance": 0.44576
}

Semantic roles & 50–950 ramp

primary
#EDA07B
secondary
#D2E7F1
accent
#96D80D
background
#FFFBF9
surface
#FFF6F2
border
#D7D0CC
text
#17120F
muted
#85817E

Preview Lab

Preview with #EDA07B

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

Preview Lab → · Contrast checker → · Palette generator →

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