Nearest named color · #D09167
#D09167
Nearest named color: Whiskey
#D09167 (rgb(208 145 103), hsl(24 53% 61%), oklch(0.709 0.095 54.3)) is closest to the named color Whiskey. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D09167
oklch(0.709 0.095 54.3)
Color conversions
- HEX
- #d09167
- RGB
- rgb(208 145 103)
- HSL
- hsl(24 53% 61%)
- HWB
- hwb(24 40% 18%)
- OKLCH
- oklch(0.709 0.095 54.3)
- OKLab
- oklab(0.709 0.056 0.077)
- CIE Lab
- lab(65.87 21.1 32.27)
- LCH
- lch(65.87 38.56 56.8)
- CMYK
- cmyk(0% 30% 50% 18%)
Tints · Shades · Tones
Tints
- D59C76
- DAA785
- DFB294
- E4BDA3
- E9C8B2
- EED3C2
- F2DED1
- F7E9E0
- FBF4F0
Shades
- B57D59
- 9A6A4B
- 80583D
- 674630
- 4F3523
- 392517
- 23150C
- 100704
- 020100
Tones
- C8906A
- C08E6D
- B88D70
- B08B73
- A88975
- A08878
- 98867A
- 90847C
- 88827E
Color harmonies
Complementary +180°
- D09167
Whiskey
- 61ABD4
≈ Salem Blue
Analogous -30° +30°
- D09167
Whiskey
- D78A84
≈ My Pink
- BD9C58
≈ Tangy Green
Triadic +120° +240°
- D09167
Whiskey
- 59B59D
≈ Keppel
- A596D7
≈ Gorgeous Hydrangea
Split-complementary +150° +210°
- D09167
Whiskey
- 4CB3BD
≈ Glassmith
- 83A1DD
≈ Blue Cue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.64:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.92:1 · APCA Lc 50
Best text color: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--whiskey: #d09167;
--whiskey-rgb: 208 145 103;
--whiskey-oklch: oklch(0.709 0.095 54.3);
}
.element {
color: var(--whiskey);
background-color: hsl(24 53% 61%);
border-color: oklch(0.709 0.095 54.3);
}Tailwind CSS v4
@theme {
--color-whiskey: #d09167;
--color-whiskey-50: #ffefdc;
--color-whiskey-100: #ffe1ca;
--color-whiskey-200: #f5cbad;
--color-whiskey-300: #deab88;
--color-whiskey-400: #cb8f67;
--color-whiskey-500: #b77445;
--color-whiskey-600: #9a623c;
--color-whiskey-700: #7c4e2f;
--color-whiskey-800: #5c3822;
--color-whiskey-900: #412716;
--color-whiskey-950: #291508;
}SCSS
$whiskey: #d09167;
$whiskey-rgb: 208, 145, 103;
$whiskey-light: mix(#fff, $whiskey, 20%);
$whiskey-dark: mix(#000, $whiskey, 20%);
.element {
color: $whiskey;
box-shadow: 0 0 0 2px rgba($whiskey, 0.35);
}