Named color · #D7C485
Wine Yellow
Wine Yellow is #D7C485: rgb(215 196 133), hsl(46 51% 68%), oklch(0.822 0.084 93.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Wine Yellow color name →
#D7C485
oklch(0.822 0.084 93.3)
Color conversions
- HEX
- #d7c485
- RGB
- rgb(215 196 133)
- HSL
- hsl(46 51% 68%)
- HWB
- hwb(46 52% 16%)
- OKLCH
- oklch(0.822 0.084 93.3)
- OKLab
- oklab(0.822 -0.005 0.084)
- CIE Lab
- lab(79.68 0.35 34.21)
- LCH
- lch(79.68 34.21 89.4)
- CMYK
- cmyk(0% 9% 38% 16%)
Tints · Shades · Tones
Tints
- DBCA92
- DFD09E
- E3D6AA
- E7DCB7
- EBE2C3
- EFE7CF
- F3EDDB
- F7F3E7
- FBF9F3
Shades
- BBAA73
- 9F9161
- 857850
- 6B6140
- 524A30
- 3B3521
- 252113
- 110E06
- 020201
Tones
- CEBD85
- C5B685
- BCAF85
- B3A885
- AAA284
- A29B84
- 999483
- 918D82
- 888781
Color harmonies
Complementary +180°
- D7C485
Wine Yellow
- B3C2FC
≈ Dried Lilac
Analogous -30° +30°
- D7C485
Wine Yellow
- ECB98B
≈ Gold Vessel
- BACE91
≈ Natural Green
Triadic +120° +240°
- D7C485
Wine Yellow
- 81D3E5
≈ Middle Blue
- E7B1DC
≈ Flower Power
Split-complementary +150° +210°
- D7C485
Wine Yellow
- 95CCF7
≈ Honolulu
- D0B8F2
≈ Connecticut Lilac
Tetradic +90° +180° +270°
- D7C485
Wine Yellow
- 83D7CA
≈ Mintos
- B3C2FC
≈ Dried Lilac
- F4AEBF
≈ Sweet Caroline
Contrast & accessibility
Ag
FailOn white
WCAG 1.73:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.12:1 · APCA Lc 71
Best text color: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--wine-yellow: #d7c485;
--wine-yellow-rgb: 215 196 133;
--wine-yellow-oklch: oklch(0.822 0.084 93.3);
}
.element {
color: var(--wine-yellow);
background-color: hsl(46 51% 68%);
border-color: oklch(0.822 0.084 93.3);
}Tailwind CSS v4
@theme {
--color-wine-yellow: #d7c485;
--color-wine-yellow-50: #fcf6db;
--color-wine-yellow-100: #f0e8c9;
--color-wine-yellow-200: #dfd5ac;
--color-wine-yellow-300: #c4b886;
--color-wine-yellow-400: #af9e63;
--color-wine-yellow-500: #99853f;
--color-wine-yellow-600: #817037;
--color-wine-yellow-700: #685a2b;
--color-wine-yellow-800: #4d411e;
--color-wine-yellow-900: #362d13;
--color-wine-yellow-950: #211a05;
}SCSS
$wine-yellow: #d7c485;
$wine-yellow-rgb: 215, 196, 133;
$wine-yellow-light: mix(#fff, $wine-yellow, 20%);
$wine-yellow-dark: mix(#000, $wine-yellow, 20%);
.element {
color: $wine-yellow;
box-shadow: 0 0 0 2px rgba($wine-yellow, 0.35);
}