#D7C73D#D7C73D

#D7C73D is a light, vivid yellow. Relative luminance 0.556; OKLCH L 81.9% C 0.152 H 102.5°. Best body text is #000000 at 12.13:1 contrast (WCAG AA passes).

Color values

HEX#D7C73D
RGBrgb(215, 199, 61)
HSLhsl(54, 66%, 54%)
HSVhsv(54, 72%, 84%)
CMYKcmyk(0%, 7.4%, 71.6%, 15.7%)
CIE-LABlab(79.40, -9.51, 67.14)
CIE-LCHlch(79.40, 67.81, 98.06°)
OKLaboklab(81.92% -0.0331 0.1486)
OKLCHoklch(81.92% 0.152 102.5)
XYZxyz(49.2922, 55.6329, 12.5558)
Luminance0.5563 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D7C73D #3D4DD7
analogous
#D77A3D #D7C73D #9AD73D
triadic
#D7C73D #3DD7C7 #C73DD7
tetradic
#D7C73D #3DD77A #3D4DD7 #D73D9A
square
#D7C73D #3DD77A #3D4DD7 #D73D9A
split-complementary
#D7C73D #3D9AD7 #7A3DD7
monochromatic
#7F751A #B2A325 #D7C73D #E1D670 #ECE4A2

Accessibility & contrast

On white

1.73
#D7C73D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.13
#D7C73D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D7C73D
12.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D7C73D#FFFFFF#000000##000000
##D7C73D1.001.7312.1312.13
#FFFFFF1.731.0021.0021.00
#00000012.1321.001.001.00
##00000012.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D9C126
Deuteranopia (green-blind)
#DEC846
Tritanopia (blue-blind)
#E7B9AC
Achromatopsia (no color)
#C5C5C5

Design tokens & code

CSS
--color: #d7c73d;
/* rgb */ color: rgb(215, 199, 61);
/* oklch */ color: oklch(81.9% 0.152 102.5);
Tailwind
colors: {
  custom: {
    50: '#e7d77b',
    500: '#d7c73d',
    950: '#000000',
  },
}
SCSS
$custom: #d7c73d;
$custom-light: #e7d77b;
$custom-dark: #000000;
JSON
{
  "hex": "#d7c73d",
  "rgb": {
    "r": 215,
    "g": 199,
    "b": 61
  },
  "hsl": {
    "h": 53.766,
    "s": 65.812,
    "l": 54.118
  },
  "oklch": {
    "l": 0.8192,
    "c": 0.15227,
    "h": 102.5
  },
  "luminance": 0.55631
}

Semantic roles & 50–950 ramp

primary
#D7C73D
secondary
#323A87
accent
#51E93F
background
#FFFEFB
surface
#FEFBF2
border
#D6D4CC
text
#17140A
muted
#85837D

Preview Lab

Preview with #D7C73D

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

Preview Lab → · Contrast checker → · Palette generator →

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