Nearest named color · #DAB1A3
#DAB1A3
Nearest named color: Prosciutto
#DAB1A3 (rgb(218 177 163), hsl(15 43% 75%), oklch(0.793 0.052 39.7)) is closest to the named color Prosciutto. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DAB1A3
oklch(0.793 0.052 39.7)
Color conversions
- HEX
- #dab1a3
- RGB
- rgb(218 177 163)
- HSL
- hsl(15 43% 75%)
- HWB
- hwb(15 64% 15%)
- OKLCH
- oklch(0.793 0.052 39.7)
- OKLab
- oklab(0.793 0.04 0.033)
- CIE Lab
- lab(75.66 13.82 13.1)
- LCH
- lch(75.66 19.05 43.5)
- CMYK
- cmyk(0% 19% 25% 15%)
Tints · Shades · Tones
Tints
- DEB9AC
- E2C0B5
- E6C8BE
- E9D0C7
- EDD8D0
- F1DFDA
- F4E7E3
- F8EFEC
- FCF7F6
Shades
- BD998D
- A28378
- 876C63
- 6C574F
- 54423C
- 3C2F2A
- 251C19
- 110C0A
- 020101
Tones
- D1ACA0
- C8A79C
- BFA299
- B59D95
- AC9892
- A3938E
- 9B8F8B
- 928A87
- 898584
Color harmonies
Complementary +180°
- DAB1A3
Prosciutto
- 97C4D3
≈ June
Analogous -30° +30°
- DAB1A3
Prosciutto
- DAAEB4
≈ Pale Chestnut
- D2B698
≈ Slopes
Triadic +120° +240°
- DAB1A3
Prosciutto
- A0C6B0
≈ Lobaria Lichen
- B4B9DD
≈ Lilac Flare
Split-complementary +150° +210°
- DAB1A3
Prosciutto
- 96C7C3
≈ Pastel Turquoise
- A3BFDC
≈ Everlasting
Tetradic +90° +180° +270°
- DAB1A3
Prosciutto
- B1C3A0
≈ Green Eggs & Cam
- 97C4D3
≈ June
- C6B3D5
≈ Elfin Herb
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.79:1 · APCA Lc 65
Best text color: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--prosciutto: #dab1a3;
--prosciutto-rgb: 218 177 163;
--prosciutto-oklch: oklch(0.793 0.052 39.7);
}
.element {
color: var(--prosciutto);
background-color: hsl(15 43% 75%);
border-color: oklch(0.793 0.052 39.7);
}Tailwind CSS v4
@theme {
--color-prosciutto: #dab1a3;
--color-prosciutto-50: #fff1ea;
--color-prosciutto-100: #f8e3db;
--color-prosciutto-200: #e9cec3;
--color-prosciutto-300: #d0afa3;
--color-prosciutto-400: #ba9588;
--color-prosciutto-500: #a57b6c;
--color-prosciutto-600: #8b685c;
--color-prosciutto-700: #705349;
--color-prosciutto-800: #533c35;
--color-prosciutto-900: #3a2924;
--color-prosciutto-950: #241713;
}SCSS
$prosciutto: #dab1a3;
$prosciutto-rgb: 218, 177, 163;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}