命名颜色 · #E8DBDF
Rare White Raven
Rare White Raven 即 #E8DBDF：rgb(232 219 223)、hsl(342 22% 88%)、oklch(0.903 0.015 356.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Rare White Raven color name →
#E8DBDF
oklch(0.903 0.015 356.7)
颜色转换
- HEX
- #e8dbdf
- RGB
- rgb(232 219 223)
- HSL
- hsl(342 22% 88%)
- HWB
- hwb(342 86% 9%)
- OKLCH
- oklch(0.903 0.015 356.7)
- OKLab
- oklab(0.903 0.015 -0.001)
- CIE Lab
- lab(88.55 5.12 -0.29)
- LCH
- lch(88.55 5.13 356.8)
- CMYK
- cmyk(0% 6% 4% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EADFE2
- EDE2E5
- EFE6E9
- F1E9EC
- F4EDEF
- F6F0F2
- F8F4F5
- FAF8F9
- FDFBFC
深色调
- CABEC2
- ACA2A5
- 90878A
- 746D6F
- 595456
- 403C3D
- 292627
- 131112
- 030202
灰色调
- DDD2D5
- D2C8CB
- C8BFC2
- BDB6B8
- B3ACAE
- A8A3A5
- 9E9A9B
- 949192
- 8A8989
配色和谐
互补色 +180°
- E8DBDF
Rare White Raven
- D5E2DF
≈ Windsurfer
类似色 -30° +30°
- E8DBDF
Rare White Raven
- E5DCE4
≈ Spangle
- E9DBDA
≈ Homoeopathic Rose
三角配色 +120° +240°
- E8DBDF
Rare White Raven
- DEE0D5
≈ Salt Cellar
- D6E1E8
≈ Harbour Light
分裂互补色 +150° +210°
- E8DBDF
Rare White Raven
- D9E2D9
≈ Fleeting Green
- D4E2E4
≈ April Winds
四角配色 +90° +180° +270°
- E8DBDF
Rare White Raven
- E3DFD4
≈ Spun Wool
- D5E2DF
≈ Windsurfer
- DADFE9
≈ Winter Ice
对比度与无障碍
Ag
Fail白底
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黑底
WCAG 15.62:1 · APCA Lc 87
最佳文字颜色: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
代码片段
CSS
:root {
--rare-white-raven: #e8dbdf;
--rare-white-raven-rgb: 232 219 223;
--rare-white-raven-oklch: oklch(0.903 0.015 356.7);
}
.element {
color: var(--rare-white-raven);
background-color: hsl(342 22% 88%);
border-color: oklch(0.903 0.015 356.7);
}Tailwind CSS v4
@theme {
--color-rare-white-raven: #e8dbdf;
--color-rare-white-raven-50: #f9f3f5;
--color-rare-white-raven-100: #ece6e8;
--color-rare-white-raven-200: #dad2d4;
--color-rare-white-raven-300: #beb4b7;
--color-rare-white-raven-400: #a69b9e;
--color-rare-white-raven-500: #8f8286;
--color-rare-white-raven-600: #796e72;
--color-rare-white-raven-700: #61585b;
--color-rare-white-raven-800: #474043;
--color-rare-white-raven-900: #312c2e;
--color-rare-white-raven-950: #1d191b;
}SCSS
$rare-white-raven: #e8dbdf;
$rare-white-raven-rgb: 232, 219, 223;
$rare-white-raven-light: mix(#fff, $rare-white-raven, 20%);
$rare-white-raven-dark: mix(#000, $rare-white-raven, 20%);
.element {
color: $rare-white-raven;
box-shadow: 0 0 0 2px rgba($rare-white-raven, 0.35);
}