#EFEFC3#EFEFC3

#EFEFC3 is a very light, muted yellow. Relative luminance 0.840; OKLCH L 94.1% C 0.057 H 107.5°. Best body text is #000000 at 17.80:1 contrast (WCAG AA passes).

Color values

HEX#EFEFC3
RGBrgb(239, 239, 195)
HSLhsl(60, 58%, 85%)
HSVhsv(60, 18%, 94%)
CMYKcmyk(0%, 0%, 18.4%, 6.3%)
CIE-LABlab(93.46, -7.10, 21.35)
CIE-LCHlch(93.46, 22.50, 108.39°)
OKLaboklab(94.11% -0.0172 0.0547)
OKLCHoklch(94.11% 0.057 107.5)
XYZxyz(76.3128, 84.0247, 63.8174)
Luminance0.8402 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFEFC3 #C3C3EF
analogous
#EFD9C3 #EFEFC3 #D9EFC3
triadic
#EFEFC3 #C3EFEF #EFC3EF
tetradic
#EFEFC3 #C3EFD9 #C3C3EF #EFC3D9
square
#EFEFC3 #C3EFD9 #C3C3EF #EFC3D9
split-complementary
#EFEFC3 #C3D9EF #D9C3EF
monochromatic
#D5D562 #E2E293 #EFEFC3 #F9F9E7 #F9F9E7

Accessibility & contrast

On white

1.18
#EFEFC3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.80
#EFEFC3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFEFC3
17.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFEFC3#FFFFFF#000000##000000
##EFEFC31.001.1817.8017.80
#FFFFFF1.181.0021.0021.00
#00000017.8021.001.001.00
##00000017.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#F7EBC0
Deuteranopia (green-blind)
#F8EDC5
Tritanopia (blue-blind)
#F6E9E3
Achromatopsia (no color)
#ECECEC

Design tokens & code

CSS
--color: #efefc3;
/* rgb */ color: rgb(239, 239, 195);
/* oklch */ color: oklch(94.1% 0.057 107.5);
Tailwind
colors: {
  custom: {
    50: '#f4f4d5',
    500: '#efefc3',
    950: '#000000',
  },
}
SCSS
$custom: #efefc3;
$custom-light: #f4f4d5;
$custom-dark: #000000;
JSON
{
  "hex": "#efefc3",
  "rgb": {
    "r": 239,
    "g": 239,
    "b": 195
  },
  "hsl": {
    "h": 60,
    "s": 57.895,
    "l": 85.098
  },
  "oklch": {
    "l": 0.9411,
    "c": 0.05729,
    "h": 107.5
  },
  "luminance": 0.84024
}

Semantic roles & 50–950 ramp

primary
#EFEFC3
secondary
#8989CD
accent
#20C520
background
#FFFFFE
surface
#FEFEFB
border
#D6D6D4
text
#171714
muted
#858583

Preview Lab

Preview with #EFEFC3

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

Preview Lab → · Contrast checker → · Palette generator →

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