لون مسمّى · #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);
}