命名颜色 · #CA9E9C
Remembrance
Remembrance 即 #CA9E9C：rgb(202 158 156)、hsl(3 30% 70%)、oklch(0.739 0.053 21.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Remembrance color name →
#CA9E9C
oklch(0.739 0.053 21.4)
颜色转换
- HEX
- #ca9e9c
- RGB
- rgb(202 158 156)
- HSL
- hsl(3 30% 70%)
- HWB
- hwb(3 61% 21%)
- OKLCH
- oklch(0.739 0.053 21.4)
- OKLab
- oklab(0.739 0.049 0.019)
- CIE Lab
- lab(69.23 16.62 7.65)
- LCH
- lch(69.23 18.29 24.7)
- CMYK
- cmyk(0% 22% 23% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- D0A7A6
- D5B1AF
- DABAB9
- E0C4C3
- E5CECC
- EAD7D6
- F0E1E0
- F5EBEB
- FAF5F5
深色调
- AF8987
- 957473
- 7C605F
- 644D4C
- 4D3A39
- 372928
- 221818
- 0F0909
- 020101
灰色调
- C39B99
- BB9896
- B49594
- AC9291
- A58F8E
- 9E8C8B
- 968988
- 8F8686
- 878383
配色和谐
互补色 +180°
- CA9E9C
Remembrance
- 83B5B8
≈ Lifeboat Blue
类似色 -30° +30°
- CA9E9C
Remembrance
- C69DAE
≈ Damsel
- C7A28D
≈ Peanut Butter Crust
三角配色 +120° +240°
- CA9E9C
Remembrance
- 99B395
≈ Dew Green
- 98ABCD
≈ Brunnera Blue
分裂互补色 +150° +210°
- CA9E9C
Remembrance
- 89B6A6
≈ Source Green
- 89B1C6
≈ Batch Blue
四角配色 +90° +180° +270°
- CA9E9C
Remembrance
- ABAE88
≈ Wall Green
- 83B5B8
≈ Lifeboat Blue
- AAA5CA
≈ Violeta Silvestre
对比度与无障碍
Ag
Fail白底
WCAG 2.36:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.88:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--remembrance: #ca9e9c;
--remembrance-rgb: 202 158 156;
--remembrance-oklch: oklch(0.739 0.053 21.4);
}
.element {
color: var(--remembrance);
background-color: hsl(3 30% 70%);
border-color: oklch(0.739 0.053 21.4);
}Tailwind CSS v4
@theme {
--color-remembrance: #ca9e9c;
--color-remembrance-50: #fff0ee;
--color-remembrance-100: #f9e2e0;
--color-remembrance-200: #eaccca;
--color-remembrance-300: #d1adab;
--color-remembrance-400: #bc9391;
--color-remembrance-500: #a77977;
--color-remembrance-600: #8d6665;
--color-remembrance-700: #715250;
--color-remembrance-800: #533b3b;
--color-remembrance-900: #3a2928;
--color-remembrance-950: #241616;
}SCSS
$remembrance: #ca9e9c;
$remembrance-rgb: 202, 158, 156;
$remembrance-light: mix(#fff, $remembrance, 20%);
$remembrance-dark: mix(#000, $remembrance, 20%);
.element {
color: $remembrance;
box-shadow: 0 0 0 2px rgba($remembrance, 0.35);
}