最接近的命名颜色 · #CD9D9C
#CD9D9C
最接近的命名颜色: Savoury Salmon
#CD9D9C（rgb(205 157 156)、hsl(1 33% 71%)、oklch(0.74 0.058 19.9)）最接近命名颜色 Savoury Salmon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CD9D9C
oklch(0.74 0.058 19.9)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- D2A7A6
- D8B0AF
- DDBAB9
- E2C4C3
- E7CDCC
- ECD7D6
- F1E1E0
- F6EBEB
- FAF5F5
深色调
- B28887
- 987373
- 7E5F5F
- 664C4C
- 4E3A39
- 382828
- 231818
- 0F0909
- 020101
灰色调
- C59A99
- BE9796
- B69494
- AE9291
- A68F8E
- 9F8C8B
- 978988
- 8F8686
- 888383
配色和谐
互补色 +180°
- CD9D9C
Savoury Salmon
- 7FB6B9
≈ Lifeboat Blue
类似色 -30° +30°
- CD9D9C
Savoury Salmon
- C89DB0
≈ Lady’s Cushions Pink
- CAA18B
≈ Peanut Butter Crust
三角配色 +120° +240°
- CD9D9C
Savoury Salmon
- 98B492
≈ Dew Green
- 96ACD0
≈ Lazy Day
分裂互补色 +150° +210°
- CD9D9C
Savoury Salmon
- 87B7A5
≈ Indian Ocean
- 86B2C9
≈ Batch Blue
四角配色 +90° +180° +270°
- CD9D9C
Savoury Salmon
- ADAF85
≈ Wall Green
- 7FB6B9
≈ Lifeboat Blue
- AAA5CD
≈ Violeta Silvestre
对比度与无障碍
Ag
Fail白底
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.89:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
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);
}