#D3B23B#D3B23B

#D3B23B is a light, vivid yellow. Relative luminance 0.460; OKLCH L 77.2% C 0.138 H 93.0°. Best body text is #000000 at 10.20:1 contrast (WCAG AA passes).

Color values

HEX#D3B23B
RGBrgb(211, 178, 59)
HSLhsl(47, 63%, 53%)
HSVhsv(47, 72%, 83%)
CMYKcmyk(0%, 15.6%, 72%, 17.3%)
CIE-LABlab(73.55, -0.45, 62.04)
CIE-LCHlch(73.55, 62.04, 90.42°)
OKLaboklab(77.19% -0.0073 0.1376)
OKLCHoklch(77.19% 0.138 93)
XYZxyz(43.5761, 46.0080, 10.7220)
Luminance0.4601 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D3B23B #3B5CD3
analogous
#D3663B #D3B23B #A8D33B
triadic
#D3B23B #3BD3B2 #B23BD3
tetradic
#D3B23B #3BD366 #3B5CD3 #D33BA8
square
#D3B23B #3BD366 #3B5CD3 #D33BA8
split-complementary
#D3B23B #3BA8D3 #663BD3
monochromatic
#79641B #AB8E26 #D3B23B #DEC66D #E9D99F

Accessibility & contrast

On white

2.06
#D3B23B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.20
#D3B23B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D3B23B
10.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D3B23B#FFFFFF#000000##000000
##D3B23B1.002.0610.2010.20
#FFFFFF2.061.0021.0021.00
#00000010.2021.001.001.00
##00000010.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#C5AF29
Deuteranopia (green-blind)
#CDB942
Tritanopia (blue-blind)
#E4A49A
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #d3b23b;
/* rgb */ color: rgb(211, 178, 59);
/* oklch */ color: oklch(77.2% 0.138 93.0);
Tailwind
colors: {
  custom: {
    50: '#e5c878',
    500: '#d3b23b',
    950: '#000000',
  },
}
SCSS
$custom: #d3b23b;
$custom-light: #e5c878;
$custom-dark: #000000;
JSON
{
  "hex": "#d3b23b",
  "rgb": {
    "r": 211,
    "g": 178,
    "b": 59
  },
  "hsl": {
    "h": 46.974,
    "s": 63.333,
    "l": 52.941
  },
  "oklch": {
    "l": 0.77192,
    "c": 0.1378,
    "h": 93
  },
  "luminance": 0.46005
}

Semantic roles & 50–950 ramp

primary
#D3B23B
secondary
#94A2D6
accent
#65E641
background
#FEFCF7
surface
#FDF8EE
border
#D5D1C9
text
#161309
muted
#84827B

Preview Lab

Preview with #D3B23B

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

Preview Lab → · Contrast checker → · Palette generator →

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