命名颜色 · #C3ACB7
Breathtaking Evening
Breathtaking Evening 即 #C3ACB7：rgb(195 172 183)、hsl(331 16% 72%)、oklch(0.767 0.03 347.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Breathtaking Evening color name →
#C3ACB7
oklch(0.767 0.03 347.3)
颜色转换
- HEX
- #c3acb7
- RGB
- rgb(195 172 183)
- HSL
- hsl(331 16% 72%)
- HWB
- hwb(331 67% 24%)
- OKLCH
- oklch(0.767 0.03 347.3)
- OKLab
- oklab(0.767 0.03 -0.007)
- CIE Lab
- lab(72.62 10 -2.44)
- LCH
- lch(72.62 10.29 346.3)
- CMYK
- cmyk(0% 12% 6% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C9B4BE
- CFBCC5
- D5C4CC
- DBCDD3
- E1D5DA
- E7DDE2
- EDE6E9
- F3EEF0
- F9F6F8
深色调
- A9959F
- 907F87
- 786970
- 60545A
- 4A4045
- 342D31
- 201B1E
- 0E0B0C
- 020102
灰色调
- BCA8B1
- B5A3AC
- AF9FA6
- A89AA1
- A1969B
- 9A9196
- 948D90
- 8D898B
- 878485
配色和谐
互补色 +180°
- C3ACB7
Breathtaking Evening
- A2BAAF
≈ Silt Green
类似色 -30° +30°
- C3ACB7
Breathtaking Evening
- BCAEC0
≈ Courtly Purple
- C6ACAC
≈ Pinkish Grey
三角配色 +120° +240°
- C3ACB7
Breathtaking Evening
- B5B59F
≈ Turtle Trail
- A0B8C3
≈ Sterling Blue
分裂互补色 +150° +210°
- C3ACB7
Breathtaking Evening
- AAB8A6
≈ Graceful Green
- 9EBABA
≈ Festoon Aqua
四角配色 +90° +180° +270°
- C3ACB7
Breathtaking Evening
- BFB19E
≈ Warm Neutral
- A2BAAF
≈ Silt Green
- A8B5C7
≈ Suds
对比度与无障碍
Ag
Fail白底
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.90:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--breathtaking-evening: #c3acb7;
--breathtaking-evening-rgb: 195 172 183;
--breathtaking-evening-oklch: oklch(0.767 0.03 347.3);
}
.element {
color: var(--breathtaking-evening);
background-color: hsl(331 16% 72%);
border-color: oklch(0.767 0.03 347.3);
}Tailwind CSS v4
@theme {
--color-breathtaking-evening: #c3acb7;
--color-breathtaking-evening-50: #fcf2f6;
--color-breathtaking-evening-100: #f0e4e9;
--color-breathtaking-evening-200: #dfcfd6;
--color-breathtaking-evening-300: #c4b1ba;
--color-breathtaking-evening-400: #ad98a2;
--color-breathtaking-evening-500: #967e8a;
--color-breathtaking-evening-600: #7f6b75;
--color-breathtaking-evening-700: #66555d;
--color-breathtaking-evening-800: #4b3e45;
--color-breathtaking-evening-900: #342b2f;
--color-breathtaking-evening-950: #1f181c;
}SCSS
$breathtaking-evening: #c3acb7;
$breathtaking-evening-rgb: 195, 172, 183;
$breathtaking-evening-light: mix(#fff, $breathtaking-evening, 20%);
$breathtaking-evening-dark: mix(#000, $breathtaking-evening, 20%);
.element {
color: $breathtaking-evening;
box-shadow: 0 0 0 2px rgba($breathtaking-evening, 0.35);
}