Nearest named color · #D4AD95
#D4AD95
Nearest named color: Frappé
#D4AD95 (rgb(212 173 149), hsl(23 42% 71%), oklch(0.776 0.057 53.3)) is closest to the named color Frappé. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D4AD95
oklch(0.776 0.057 53.3)
Color conversions
- HEX
- #d4ad95
- RGB
- rgb(212 173 149)
- HSL
- hsl(23 42% 71%)
- HWB
- hwb(23 58% 17%)
- OKLCH
- oklch(0.776 0.057 53.3)
- OKLab
- oklab(0.776 0.034 0.045)
- CIE Lab
- lab(73.82 12.11 18.01)
- LCH
- lch(73.82 21.71 56.1)
- CMYK
- cmyk(0% 18% 30% 17%)
Tints · Shades · Tones
Tints
- D8B59F
- DDBDAA
- E1C5B4
- E6CDBF
- EAD6C9
- EEDED4
- F3E6DF
- F7EEE9
- FBF7F4
Shades
- B89681
- 9D7F6D
- 836A5A
- 695548
- 514137
- 3A2D26
- 241B16
- 100B08
- 020101
Tones
- CBA893
- C3A491
- BA9F8F
- B29B8D
- AA968B
- A19289
- 998D87
- 918984
- 888482
Color harmonies
Complementary +180°
- D4AD95
Frappé
- 93BDD5
≈ Speedboat
Analogous -30° +30°
- D4AD95
Frappé
- D8A9A5
≈ Silver Pink
- C8B48D
≈ Foothill Drive
Triadic +120° +240°
- D4AD95
Frappé
- 91C3B3
≈ Catarina Green
- B7B0D8
≈ Delicate Lilac
Split-complementary +150° +210°
- D4AD95
Frappé
- 8BC1C6
≈ Chuff Blue
- A4B7DB
≈ Fairies in America
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.05:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.21:1 · APCA Lc 62
Best text color: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--frappe: #d4ad95;
--frappe-rgb: 212 173 149;
--frappe-oklch: oklch(0.776 0.057 53.3);
}
.element {
color: var(--frappe);
background-color: hsl(23 42% 71%);
border-color: oklch(0.776 0.057 53.3);
}Tailwind CSS v4
@theme {
--color-frappe: #d4ad95;
--color-frappe-50: #fff1e6;
--color-frappe-100: #f8e3d6;
--color-frappe-200: #e8cfbe;
--color-frappe-300: #cfb09c;
--color-frappe-400: #ba9680;
--color-frappe-500: #a57c63;
--color-frappe-600: #8b6954;
--color-frappe-700: #6f5443;
--color-frappe-800: #533d30;
--color-frappe-900: #3a2a21;
--color-frappe-950: #241710;
}SCSS
$frappe: #d4ad95;
$frappe-rgb: 212, 173, 149;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}