Nearest named color · #CD9D9C
#CD9D9C
Nearest named color: Savoury Salmon
#CD9D9C (rgb(205 157 156), hsl(1 33% 71%), oklch(0.74 0.058 19.9)) is closest to the named color Savoury Salmon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CD9D9C
oklch(0.74 0.058 19.9)
Color conversions
- HEX
- #cd9d9c
- RGB
- rgb(205 157 156)
- HSL
- hsl(1 33% 71%)
- HWB
- hwb(1 61% 20%)
- OKLCH
- oklch(0.74 0.058 19.9)
- OKLab
- oklab(0.74 0.054 0.02)
- CIE Lab
- lab(69.3 18.3 7.8)
- LCH
- lch(69.3 19.89 23.1)
- CMYK
- cmyk(0% 23% 24% 20%)
Tints · Shades · Tones
Tints
- D2A7A6
- D8B0AF
- DDBAB9
- E2C4C3
- E7CDCC
- ECD7D6
- F1E1E0
- F6EBEB
- FAF5F5
Shades
- B28887
- 987373
- 7E5F5F
- 664C4C
- 4E3A39
- 382828
- 231818
- 0F0909
- 020101
Tones
- C59A99
- BE9796
- B69494
- AE9291
- A68F8E
- 9F8C8B
- 978988
- 8F8686
- 888383
Color harmonies
Complementary +180°
- CD9D9C
Savoury Salmon
- 7FB6B9
≈ Lifeboat Blue
Analogous -30° +30°
- CD9D9C
Savoury Salmon
- C89DB0
≈ Lady’s Cushions Pink
- CAA18B
≈ Peanut Butter Crust
Triadic +120° +240°
- CD9D9C
Savoury Salmon
- 98B492
≈ Dew Green
- 96ACD0
≈ Lazy Day
Split-complementary +150° +210°
- CD9D9C
Savoury Salmon
- 87B7A5
≈ Indian Ocean
- 86B2C9
≈ Batch Blue
Tetradic +90° +180° +270°
- CD9D9C
Savoury Salmon
- ADAF85
≈ Wall Green
- 7FB6B9
≈ Lifeboat Blue
- AAA5CD
≈ Violeta Silvestre
Contrast & accessibility
Ag
FailOn white
WCAG 2.35:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.89:1 · APCA Lc 56
Best text color: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--savoury-salmon: #cd9d9c;
--savoury-salmon-rgb: 205 157 156;
--savoury-salmon-oklch: oklch(0.74 0.058 19.9);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(1 33% 71%);
border-color: oklch(0.74 0.058 19.9);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #cd9d9c;
--color-savoury-salmon-50: #ffefee;
--color-savoury-salmon-100: #fbe1df;
--color-savoury-salmon-200: #eccbc9;
--color-savoury-salmon-300: #d4acaa;
--color-savoury-salmon-400: #be9190;
--color-savoury-salmon-500: #a97776;
--color-savoury-salmon-600: #8f6564;
--color-savoury-salmon-700: #735150;
--color-savoury-salmon-800: #553a3b;
--color-savoury-salmon-900: #3b2828;
--color-savoury-salmon-950: #251616;
}SCSS
$savoury-salmon: #cd9d9c;
$savoury-salmon-rgb: 205, 157, 156;
$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);
}