#EBA09E#EBA09E

#EBA09E is a light, moderate red. Relative luminance 0.453; OKLCH L 77.8% C 0.090 H 21.0°. Best body text is #000000 at 10.05:1 contrast (WCAG AA passes).

Color values

HEX#EBA09E
RGBrgb(235, 160, 158)
HSLhsl(2, 66%, 77%)
HSVhsv(2, 33%, 92%)
CMYKcmyk(0%, 31.9%, 32.8%, 7.8%)
CIE-LABlab(73.07, 27.62, 12.41)
CIE-LCHlch(73.07, 30.28, 24.19°)
OKLaboklab(77.84% 0.0839 0.0323)
OKLCHoklch(77.84% 0.09 21)
XYZxyz(53.0050, 45.2759, 38.2885)
Luminance0.4527 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EBA09E #9EE9EB
analogous
#EB9EC3 #EBA09E #EBC69E
triadic
#EBA09E #9EEBA0 #A09EEB
tetradic
#EBA09E #C3EB9E #9EE9EB #C69EEB
square
#EBA09E #C3EB9E #9EE9EB #C69EEB
split-complementary
#EBA09E #9EEBC6 #9EC3EB
monochromatic
#D63D39 #E16E6B #EBA09E #F5D2D1 #FAE6E6

Accessibility & contrast

On white

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

On black

10.05
#EBA09E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBA09E
10.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EBA09E#FFFFFF#000000##000000
##EBA09E1.002.0910.0510.05
#FFFFFF2.091.0021.0021.00
#00000010.0521.001.001.00
##00000010.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#AFAB9E
Deuteranopia (green-blind)
#C0B99D
Tritanopia (blue-blind)
#FA98A0
Achromatopsia (no color)
#B3B3B3

Design tokens & code

CSS
--color: #eba09e;
/* rgb */ color: rgb(235, 160, 158);
/* oklch */ color: oklch(77.8% 0.090 21.0);
Tailwind
colors: {
  custom: {
    50: '#f3bcba',
    500: '#eba09e',
    950: '#000000',
  },
}
SCSS
$custom: #eba09e;
$custom-light: #f3bcba;
$custom-dark: #000000;
JSON
{
  "hex": "#eba09e",
  "rgb": {
    "r": 235,
    "g": 160,
    "b": 158
  },
  "hsl": {
    "h": 1.558,
    "s": 65.812,
    "l": 77.059
  },
  "oklch": {
    "l": 0.77839,
    "c": 0.08992,
    "h": 21
  },
  "luminance": 0.45272
}

Semantic roles & 50–950 ramp

primary
#EBA09E
secondary
#DAF1F1
accent
#C9CE18
background
#FFFBFB
surface
#FEF6F6
border
#D6D0D0
text
#171211
muted
#858180

Preview Lab

Preview with #EBA09E

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

Preview Lab → · Contrast checker → · Palette generator →

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