Named color · #D3B667
Wax Way
Wax Way is #D3B667: rgb(211 182 103), hsl(44 55% 62%), oklch(0.785 0.104 89.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Wax Way color name →
#D3B667
oklch(0.785 0.104 89.8)
Color conversions
- HEX
- #d3b667
- RGB
- rgb(211 182 103)
- HSL
- hsl(44 55% 62%)
- HWB
- hwb(44 40% 17%)
- OKLCH
- oklch(0.785 0.104 89.8)
- OKLab
- oklab(0.785 0 0.104)
- CIE Lab
- lab(75.36 3.47 43.88)
- LCH
- lch(75.36 44.02 85.5)
- CMYK
- cmyk(0% 14% 51% 17%)
Tints · Shades · Tones
Tints
- D7BD78
- DCC587
- E0CC97
- E5D3A6
- E9DBB5
- EDE2C4
- F2E9D3
- F6F0E1
- FBF8F0
Shades
- B79E59
- 9C864B
- 826F3D
- 695930
- 514423
- 3A3017
- 241D0C
- 100C04
- 020200
Tones
- CAB16B
- C2AB6F
- B9A672
- B1A075
- A99B77
- A0967A
- 98907B
- 908B7D
- 88857F
Color harmonies
Complementary +180°
- D3B667
Wax Way
- 9EB6FC
≈ Truesky Gloxym
Analogous -30° +30°
- D3B667
Wax Way
- EAA973
≈ Dune King
- B0C375
≈ Valley View
Triadic +120° +240°
- D3B667
Wax Way
- 5BCBDD
≈ Watercourse
- DFA1D9
≈ Plum Juice
Split-complementary +150° +210°
- D3B667
Wax Way
- 77C2F5
≈ Maya Blue
- C3AAF2
≈ Purple Sand
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.97:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.65:1 · APCA Lc 64
Best text color: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--wax-way: #d3b667;
--wax-way-rgb: 211 182 103;
--wax-way-oklch: oklch(0.785 0.104 89.8);
}
.element {
color: var(--wax-way);
background-color: hsl(44 55% 62%);
border-color: oklch(0.785 0.104 89.8);
}Tailwind CSS v4
@theme {
--color-wax-way: #d3b667;
--color-wax-way-50: #fff5d4;
--color-wax-way-100: #f4e7c1;
--color-wax-way-200: #e4d4a2;
--color-wax-way-300: #cbb679;
--color-wax-way-400: #b79c52;
--color-wax-way-500: #a18223;
--color-wax-way-600: #886e20;
--color-wax-way-700: #6d581a;
--color-wax-way-800: #514010;
--color-wax-way-900: #392c0a;
--color-wax-way-950: #231900;
}SCSS
$wax-way: #d3b667;
$wax-way-rgb: 211, 182, 103;
$wax-way-light: mix(#fff, $wax-way, 20%);
$wax-way-dark: mix(#000, $wax-way, 20%);
.element {
color: $wax-way;
box-shadow: 0 0 0 2px rgba($wax-way, 0.35);
}