命名颜色 · #EACFC2
Angelico
Angelico 即 #EACFC2：rgb(234 207 194)、hsl(20 49% 84%)、oklch(0.874 0.035 47.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Angelico color name →
#EACFC2
oklch(0.874 0.035 47.4)
颜色转换
- HEX
- #eacfc2
- RGB
- rgb(234 207 194)
- HSL
- hsl(20 49% 84%)
- HWB
- hwb(20 76% 8%)
- OKLCH
- oklch(0.874 0.035 47.4)
- OKLab
- oklab(0.874 0.024 0.026)
- CIE Lab
- lab(85.15 8.23 10.12)
- LCH
- lch(85.15 13.05 50.9)
- CMYK
- cmyk(0% 12% 17% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- ECD4C8
- EED9CE
- F1DDD4
- F3E2DA
- F5E7E0
- F7ECE6
- F9F0EC
- FBF5F3
- FDFAF9
深色调
- CBB4A8
- AE998F
- 917F77
- 756760
- 5A4F49
- 413834
- 292320
- 13100E
- 030202
灰色调
- DFC7BB
- D4BFB4
- C9B7AE
- BEAFA7
- B4A7A0
- A99F9A
- 9F9793
- 948F8D
- 8A8886
配色和谐
互补色 +180°
- EACFC2
Angelico
- BEDBE8
≈ Pacific Breeze
类似色 -30° +30°
- EACFC2
Angelico
- ECCDCD
≈ Kislev Pink
- E3D3BC
≈ Antique Buff
三角配色 +120° +240°
分裂互补色 +150° +210°
- EACFC2
Angelico
- BCDDDD
≈ Mech Suit
- C7D7ED
≈ Murano Soft Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.47:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.20:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--angelico: #eacfc2;
--angelico-rgb: 234 207 194;
--angelico-oklch: oklch(0.874 0.035 47.4);
}
.element {
color: var(--angelico);
background-color: hsl(20 49% 84%);
border-color: oklch(0.874 0.035 47.4);
}Tailwind CSS v4
@theme {
--color-angelico: #eacfc2;
--color-angelico-50: #fef2ec;
--color-angelico-100: #f2e5de;
--color-angelico-200: #e2d0c7;
--color-angelico-300: #c7b3a8;
--color-angelico-400: #b1998d;
--color-angelico-500: #9b8072;
--color-angelico-600: #836c61;
--color-angelico-700: #69564d;
--color-angelico-800: #4d3f38;
--color-angelico-900: #362b27;
--color-angelico-950: #211915;
}SCSS
$angelico: #eacfc2;
$angelico-rgb: 234, 207, 194;
$angelico-light: mix(#fff, $angelico, 20%);
$angelico-dark: mix(#000, $angelico, 20%);
.element {
color: $angelico;
box-shadow: 0 0 0 2px rgba($angelico, 0.35);
}