#E0CF61#E0CF61

#E0CF61 is a very light, vivid yellow. Relative luminance 0.613; OKLCH L 84.7% C 0.132 H 100.6°. Best body text is #000000 at 13.27:1 contrast (WCAG AA passes).

Color values

HEX#E0CF61
RGBrgb(224, 207, 97)
HSLhsl(52, 67%, 63%)
HSVhsv(52, 57%, 88%)
CMYKcmyk(0%, 7.6%, 56.7%, 12.2%)
CIE-LABlab(82.56, -7.64, 55.79)
CIE-LCHlch(82.56, 56.31, 97.79°)
OKLaboklab(84.7% -0.0243 0.1296)
OKLCHoklch(84.7% 0.132 100.6)
XYZxyz(55.2129, 61.3382, 20.2381)
Luminance0.6134 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E0CF61 #6172E0
analogous
#E09061 #E0CF61 #B1E061
triadic
#E0CF61 #61E0CF #CF61E0
tetradic
#E0CF61 #61E090 #6172E0 #E061B1
square
#E0CF61 #61E090 #6172E0 #E061B1
split-complementary
#E0CF61 #61B1E0 #9061E0
monochromatic
#A69421 #D6BF2E #E0CF61 #EADF94 #F4EEC7

Accessibility & contrast

On white

1.58
#E0CF61 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.27
#E0CF61 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E0CF61
13.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E0CF61#FFFFFF#000000##000000
##E0CF611.001.5813.2713.27
#FFFFFF1.581.0021.0021.00
#00000013.2721.001.001.00
##00000013.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#E0CA56
Deuteranopia (green-blind)
#E5D066
Tritanopia (blue-blind)
#EFC2B7
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #e0cf61;
/* rgb */ color: rgb(224, 207, 97);
/* oklch */ color: oklch(84.7% 0.132 100.6);
Tailwind
colors: {
  custom: {
    50: '#ecdd91',
    500: '#e0cf61',
    950: '#000000',
  },
}
SCSS
$custom: #e0cf61;
$custom-light: #ecdd91;
$custom-dark: #000000;
JSON
{
  "hex": "#e0cf61",
  "rgb": {
    "r": 224,
    "g": 207,
    "b": 97
  },
  "hsl": {
    "h": 51.969,
    "s": 67.196,
    "l": 62.941
  },
  "oklch": {
    "l": 0.84704,
    "c": 0.13191,
    "h": 100.6
  },
  "luminance": 0.61336
}

Semantic roles & 50–950 ramp

primary
#E0CF61
secondary
#3D4BA9
accent
#2FCF16
background
#FFFEFC
surface
#FEFCF4
border
#D6D5CE
text
#17150D
muted
#85847F

Preview Lab

Preview with #E0CF61

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

Preview Lab → · Contrast checker → · Palette generator →

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