Nearest named color · #D19E96
#D19E96
Nearest named color: Savoury Salmon
#D19E96 (rgb(209 158 150), hsl(8 39% 70%), oklch(0.745 0.062 28.8)) is closest to the named color Savoury Salmon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D19E96
oklch(0.745 0.062 28.8)
Color conversions
- HEX
- #d19e96
- RGB
- rgb(209 158 150)
- HSL
- hsl(8 39% 70%)
- HWB
- hwb(8 59% 18%)
- OKLCH
- oklch(0.745 0.062 28.8)
- OKLab
- oklab(0.745 0.055 0.03)
- CIE Lab
- lab(69.86 18.72 11.96)
- LCH
- lch(69.86 22.21 32.6)
- CMYK
- cmyk(0% 24% 28% 18%)
Tints · Shades · Tones
Tints
- D6A7A0
- DBB1AA
- E0BBB5
- E4C4BF
- E9CEC9
- EED8D4
- F2E1DF
- F6EBE9
- FBF5F4
Shades
- B58982
- 9B746E
- 81605B
- 684D49
- 503A37
- 392926
- 231816
- 100908
- 020101
Tones
- C99B94
- C19892
- B9958F
- B1928D
- A88F8B
- A08C89
- 988987
- 908684
- 888382
Color harmonies
Complementary +180°
- D19E96
Savoury Salmon
- 7DB8C1
≈ Waterway
Analogous -30° +30°
- D19E96
Savoury Salmon
- CE9CAB
≈ Honey Pink
- CBA385
≈ Labyrinth Walk
Triadic +120° +240°
- D19E96
Savoury Salmon
- 92B897
≈ Brookview
- 9CABD5
≈ Aster Flower Blue
Split-complementary +150° +210°
- D19E96
Savoury Salmon
- 81BAAD
≈ Winter Surf
- 88B3D0
≈ Windy Day
Tetradic +90° +180° +270°
- D19E96
Savoury Salmon
- A8B286
≈ Great Green
- 7DB8C1
≈ Waterway
- B1A4CF
≈ Milky Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 2.32:1 · APCA Lc 46
Ag
AAAOn black
WCAG 9.04:1 · APCA Lc 56
Best text color: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--savoury-salmon: #d19e96;
--savoury-salmon-rgb: 209 158 150;
--savoury-salmon-oklch: oklch(0.745 0.062 28.8);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(8 39% 70%);
border-color: oklch(0.745 0.062 28.8);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #d19e96;
--color-savoury-salmon-50: #ffefea;
--color-savoury-salmon-100: #fce1db;
--color-savoury-salmon-200: #eecbc4;
--color-savoury-salmon-300: #d5aca4;
--color-savoury-salmon-400: #c1918a;
--color-savoury-salmon-500: #ac776f;
--color-savoury-salmon-600: #91655e;
--color-savoury-salmon-700: #74504b;
--color-savoury-salmon-800: #563a37;
--color-savoury-salmon-900: #3c2825;
--color-savoury-salmon-950: #261614;
}SCSS
$savoury-salmon: #d19e96;
$savoury-salmon-rgb: 209, 158, 150;
$savoury-salmon-light: mix(#fff, $savoury-salmon, 20%);
$savoury-salmon-dark: mix(#000, $savoury-salmon, 20%);
.element {
color: $savoury-salmon;
box-shadow: 0 0 0 2px rgba($savoury-salmon, 0.35);
}