最接近的命名颜色 · #CC5071
#CC5071
最接近的命名颜色: Strawberry Moon
#CC5071（rgb(204 80 113)、hsl(344 55% 56%)、oklch(0.603 0.159 6.8)）最接近命名颜色 Strawberry Moon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CC5071
oklch(0.603 0.159 6.8)
颜色转换
- HEX
- #cc5071
- RGB
- rgb(204 80 113)
- HSL
- hsl(344 55% 56%)
- HWB
- hwb(344 31% 20%)
- OKLCH
- oklch(0.603 0.159 6.8)
- OKLab
- oklab(0.603 0.158 0.019)
- CIE Lab
- lab(52.05 52.07 8.17)
- LCH
- lch(52.05 52.71 8.9)
- CMYK
- cmyk(0% 61% 45% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D3637E
- DA758C
- E08799
- E698A7
- ECA9B5
- F1BAC4
- F5CBD2
- F9DDE1
- FCEEF0
深色调
- B14461
- 973952
- 7E2E43
- 652435
- 4E1A27
- 37101A
- 22070E
- 0F0204
- 020001
灰色调
- C65773
- BF5D74
- B86276
- B16877
- AA6C79
- A2717A
- 9A757C
- 92797D
- 897D7F
配色和谐
互补色 +180°
- CC5071
Strawberry Moon
- 00958B
≈ Lights at Sea
类似色 -30° +30°
- CC5071
Strawberry Moon
- BA56A4
≈ Magenta Memoir
- CE5734
≈ Bronze Satin
三角配色 +120° +240°
- CC5071
Strawberry Moon
- 689100
≈ Canopy
- 0086D9
≈ Blue Cola
分裂互补色 +150° +210°
- CC5071
Strawberry Moon
- 009A5C
≈ Militant Vegan
- 0090AB
≈ Zeftron
四角配色 +90° +180° +270°
- CC5071
Strawberry Moon
- 978000
≈ Thicket Green
- 00958B
≈ Lights at Sea
- 6B74DE
≈ C64 Purple
对比度与无障碍
Ag
Fail白底
WCAG 4.23:1 · APCA Lc 69
Ag
AA黑底
WCAG 4.95:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--strawberry-moon: #cc5071;
--strawberry-moon-rgb: 204 80 113;
--strawberry-moon-oklch: oklch(0.603 0.159 6.8);
}
.element {
color: var(--strawberry-moon);
background-color: hsl(344 55% 56%);
border-color: oklch(0.603 0.159 6.8);
}Tailwind CSS v4
@theme {
--color-strawberry-moon: #cc5071;
--color-strawberry-moon-50: #ffe3ec;
--color-strawberry-moon-100: #ffd2dd;
--color-strawberry-moon-200: #ffb8c6;
--color-strawberry-moon-300: #fc94a7;
--color-strawberry-moon-400: #eb728f;
--color-strawberry-moon-500: #d84e74;
--color-strawberry-moon-600: #b74363;
--color-strawberry-moon-700: #93354f;
--color-strawberry-moon-800: #6d253b;
--color-strawberry-moon-900: #4d1929;
--color-strawberry-moon-950: #320916;
}SCSS
$strawberry-moon: #cc5071;
$strawberry-moon-rgb: 204, 80, 113;
$strawberry-moon-light: mix(#fff, $strawberry-moon, 20%);
$strawberry-moon-dark: mix(#000, $strawberry-moon, 20%);
.element {
color: $strawberry-moon;
box-shadow: 0 0 0 2px rgba($strawberry-moon, 0.35);
}