命名颜色 · #CD607E
Cinnamon Satin
Cinnamon Satin 即 #CD607E：rgb(205 96 126)、hsl(343 52% 59%)、oklch(0.629 0.141 4.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Cinnamon Satin color name →
#CD607E
oklch(0.629 0.141 4.7)
颜色转换
- HEX
- #cd607e
- RGB
- rgb(205 96 126)
- HSL
- hsl(343 52% 59%)
- HWB
- hwb(343 38% 20%)
- OKLCH
- oklch(0.629 0.141 4.7)
- OKLab
- oklab(0.629 0.14 0.011)
- CIE Lab
- lab(55.31 46.24 5.09)
- LCH
- lch(55.31 46.52 6.3)
- CMYK
- cmyk(0% 53% 39% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D4718A
- DA8196
- E090A3
- E6A0B0
- EBB0BC
- F0C0C9
- F4CFD7
- F8DFE4
- FCEFF1
深色调
- B2526D
- 98455C
- 7E384C
- 662C3C
- 4E202D
- 38151F
- 230A11
- 0F0305
- 020001
灰色调
- C6647E
- BF687E
- B86C7F
- B1707F
- A9737F
- A2767F
- 9A797F
- 927B80
- 897E80
配色和谐
互补色 +180°
- CD607E
Cinnamon Satin
- 009E91
≈ On a Whim
类似色 -30° +30°
- CD607E
Cinnamon Satin
- BB65AB
≈ Young Purple
- D0654C
≈ Enshūcha Red
三角配色 +120° +240°
- CD607E
Cinnamon Satin
- 769727
≈ Siskin Sprout
- 2990D8
≈ Kahu Blue
分裂互补色 +150° +210°
- CD607E
Cinnamon Satin
- 2BA161
≈ Biel-Tan Green
- 0099B2
≈ Caneel Bay
四角配色 +90° +180° +270°
- CD607E
Cinnamon Satin
- A28700
≈ Golden Palm
- 009E91
≈ On a Whim
- 7180DD
≈ Tanzine
对比度与无障碍
Ag
Fail白底
WCAG 3.77:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.57:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--cinnamon-satin: #cd607e;
--cinnamon-satin-rgb: 205 96 126;
--cinnamon-satin-oklch: oklch(0.629 0.141 4.7);
}
.element {
color: var(--cinnamon-satin);
background-color: hsl(343 52% 59%);
border-color: oklch(0.629 0.141 4.7);
}Tailwind CSS v4
@theme {
--color-cinnamon-satin: #cd607e;
--color-cinnamon-satin-50: #ffe5ee;
--color-cinnamon-satin-100: #ffd5e0;
--color-cinnamon-satin-200: #ffbbca;
--color-cinnamon-satin-300: #f598ab;
--color-cinnamon-satin-400: #e27894;
--color-cinnamon-satin-500: #cf577a;
--color-cinnamon-satin-600: #af4b67;
--color-cinnamon-satin-700: #8d3c53;
--color-cinnamon-satin-800: #682a3e;
--color-cinnamon-satin-900: #4a1c2b;
--color-cinnamon-satin-950: #300c18;
}SCSS
$cinnamon-satin: #cd607e;
$cinnamon-satin-rgb: 205, 96, 126;
$cinnamon-satin-light: mix(#fff, $cinnamon-satin, 20%);
$cinnamon-satin-dark: mix(#000, $cinnamon-satin, 20%);
.element {
color: $cinnamon-satin;
box-shadow: 0 0 0 2px rgba($cinnamon-satin, 0.35);
}