#EFAEBC#EFAEBC

#EFAEBC is a light, moderate red. Relative luminance 0.523; OKLCH L 81.5% C 0.078 H 4.7°. Best body text is #000000 at 11.45:1 contrast (WCAG AA passes).

Color values

HEX#EFAEBC
RGBrgb(239, 174, 188)
HSLhsl(347, 67%, 81%)
HSVhsv(347, 27%, 94%)
CMYKcmyk(0%, 27.2%, 21.3%, 6.3%)
CIE-LABlab(77.43, 25.73, 2.29)
CIE-LCHlch(77.43, 25.83, 5.09°)
OKLaboklab(81.53% 0.0777 0.0064)
OKLCHoklch(81.53% 0.078 4.7)
XYZxyz(59.8105, 52.2567, 54.5033)
Luminance0.5225 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFAEBC #AEEFE1
analogous
#EFAEDC #EFAEBC #EFC0AE
triadic
#EFAEBC #BCEFAE #AEBCEF
tetradic
#EFAEBC #DCEFAE #AEEFE1 #C0AEEF
square
#EFAEBC #DCEFAE #AEEFE1 #C0AEEF
split-complementary
#EFAEBC #AEEFC0 #AEDCEF
monochromatic
#DB4867 #E57B92 #EFAEBC #F9E1E6 #FAE5EA

Accessibility & contrast

On white

1.83
#EFAEBC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.45
#EFAEBC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFAEBC
11.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFAEBC#FFFFFF#000000##000000
##EFAEBC1.001.8311.4511.45
#FFFFFF1.831.0021.0021.00
#00000011.4521.001.001.00
##00000011.4521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B7B8BC
Deuteranopia (green-blind)
#C6C4BB
Tritanopia (blue-blind)
#FBAAB3
Achromatopsia (no color)
#BFBFBF

Design tokens & code

CSS
--color: #efaebc;
/* rgb */ color: rgb(239, 174, 188);
/* oklch */ color: oklch(81.5% 0.078 4.7);
Tailwind
colors: {
  custom: {
    50: '#f5c6d0',
    500: '#efaebc',
    950: '#000000',
  },
}
SCSS
$custom: #efaebc;
$custom-light: #f5c6d0;
$custom-dark: #000000;
JSON
{
  "hex": "#efaebc",
  "rgb": {
    "r": 239,
    "g": 174,
    "b": 188
  },
  "hsl": {
    "h": 347.077,
    "s": 67.01,
    "l": 80.98
  },
  "oklch": {
    "l": 0.81534,
    "c": 0.07791,
    "h": 4.7
  },
  "luminance": 0.52254
}

Semantic roles & 50–950 ramp

primary
#EFAEBC
secondary
#74CDBA
accent
#CFA717
background
#FFFDFE
surface
#FEF9FB
border
#D6D2D4
text
#171313
muted
#858283

Preview Lab

Preview with #EFAEBC

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

Preview Lab → · Contrast checker → · Palette generator →

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