Nearest named color · #DFB696
#DFB696
Nearest named color: Fabulous Fawn
#DFB696 (rgb(223 182 150), hsl(26 53% 73%), oklch(0.805 0.064 59.7)) is closest to the named color Fabulous Fawn. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DFB696
oklch(0.805 0.064 59.7)
Color conversions
- HEX
- #dfb696
- RGB
- rgb(223 182 150)
- HSL
- hsl(26 53% 73%)
- HWB
- hwb(26 59% 13%)
- OKLCH
- oklch(0.805 0.064 59.7)
- OKLab
- oklab(0.805 0.032 0.056)
- CIE Lab
- lab(77.16 11.98 22.21)
- LCH
- lch(77.16 25.24 61.7)
- CMYK
- cmyk(0% 18% 33% 13%)
Tints · Shades · Tones
Tints
- E2BDA0
- E6C4AB
- E9CCB5
- ECD3C0
- F0DACA
- F3E2D5
- F6E9DF
- F9F0EA
- FCF8F4
Shades
- C29E82
- A5866E
- 8A6F5B
- 6F5949
- 564437
- 3D3026
- 271D16
- 120C08
- 020201
Tones
- D5B194
- CCAB92
- C2A690
- B8A08E
- AF9B8C
- A59589
- 9C9087
- 938B85
- 898582
Color harmonies
Complementary +180°
- DFB696
Fabulous Fawn
- 9AC6E5
≈ Pale Cerulean
Analogous -30° +30°
- DFB696
Fabulous Fawn
- E6B0A7
≈ Rose Silk
- CFBE90
≈ Beaten Track
Triadic +120° +240°
- DFB696
Fabulous Fawn
- 91CDC0
≈ Beach Breeze
- C5B6E3
≈ Melrose
Split-complementary +150° +210°
- DFB696
Fabulous Fawn
- 8ECBD6
≈ Winter Chill
- AFBEEA
≈ Spoiled Rotten
Tetradic +90° +180° +270°
- DFB696
Fabulous Fawn
- A3CBA9
≈ Potted Plant
- 9AC6E5
≈ Pale Cerulean
- D8B1D3
≈ Blushing Sky
Contrast & accessibility
Ag
FailOn white
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.26:1 · APCA Lc 67
Best text color: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--fabulous-fawn: #dfb696;
--fabulous-fawn-rgb: 223 182 150;
--fabulous-fawn-oklch: oklch(0.805 0.064 59.7);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(26 53% 73%);
border-color: oklch(0.805 0.064 59.7);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #dfb696;
--color-fabulous-fawn-50: #fff2e3;
--color-fabulous-fawn-100: #f8e4d3;
--color-fabulous-fawn-200: #e9cfb9;
--color-fabulous-fawn-300: #d0b196;
--color-fabulous-fawn-400: #bb9678;
--color-fabulous-fawn-500: #a67c5a;
--color-fabulous-fawn-600: #8c694d;
--color-fabulous-fawn-700: #71543d;
--color-fabulous-fawn-800: #543d2c;
--color-fabulous-fawn-900: #3a2a1e;
--color-fabulous-fawn-950: #24170e;
}SCSS
$fabulous-fawn: #dfb696;
$fabulous-fawn-rgb: 223, 182, 150;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}