命名颜色 · #C69EAE
Damsel
Damsel 即 #C69EAE：rgb(198 158 174)、hsl(336 26% 70%)、oklch(0.74 0.052 352.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Damsel color name →
#C69EAE
oklch(0.74 0.052 352.5)
颜色转换
- HEX
- #c69eae
- RGB
- rgb(198 158 174)
- HSL
- hsl(336 26% 70%)
- HWB
- hwb(336 62% 22%)
- OKLCH
- oklch(0.74 0.052 352.5)
- OKLab
- oklab(0.74 0.051 -0.007)
- CIE Lab
- lab(69.21 17.19 -2.39)
- LCH
- lch(69.21 17.36 352.1)
- CMYK
- cmyk(0% 20% 12% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- CCA7B6
- D2B1BE
- D7BAC6
- DDC4CE
- E3CED6
- E9D7DE
- EEE1E6
- F4EBEE
- F9F5F7
深色调
- AC8997
- 927480
- 7A606A
- 624D55
- 4B3A41
- 35292E
- 21181C
- 0E090B
- 020101
灰色调
- BF9BA9
- B898A5
- B195A0
- AA929B
- A38F97
- 9C8C92
- 95898E
- 8E8689
- 878384
配色和谐
互补色 +180°
- C69EAE
Damsel
- 8AB6A7
≈ Source Green
类似色 -30° +30°
- C69EAE
Damsel
- BBA1BF
≈ Beach Lilac
- CA9F9C
≈ Remembrance
三角配色 +120° +240°
- C69EAE
Damsel
- ABAF89
≈ Wall Green
- 8BB1C7
≈ Batch Blue
分裂互补色 +150° +210°
- C69EAE
Damsel
- 99B496
≈ Dew Green
- 84B5B9
≈ Lifeboat Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.90:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--damsel: #c69eae;
--damsel-rgb: 198 158 174;
--damsel-oklch: oklch(0.74 0.052 352.5);
}
.element {
color: var(--damsel);
background-color: hsl(336 26% 70%);
border-color: oklch(0.74 0.052 352.5);
}Tailwind CSS v4
@theme {
--color-damsel: #c69eae;
--color-damsel-50: #ffeff6;
--color-damsel-100: #f7e1e9;
--color-damsel-200: #e7ccd5;
--color-damsel-300: #ceadb9;
--color-damsel-400: #b892a1;
--color-damsel-500: #a27889;
--color-damsel-600: #896674;
--color-damsel-700: #6e515d;
--color-damsel-800: #513b45;
--color-damsel-900: #38292f;
--color-damsel-950: #23161c;
}SCSS
$damsel: #c69eae;
$damsel-rgb: 198, 158, 174;
$damsel-light: mix(#fff, $damsel, 20%);
$damsel-dark: mix(#000, $damsel, 20%);
.element {
color: $damsel;
box-shadow: 0 0 0 2px rgba($damsel, 0.35);
}