لون مسمّى · #AFA8AE
Angel Aura
Angel Aura هو #AFA8AE: rgb(175 168 174)، hsl(309 4% 67%)، oklch(0.739 0.012 330.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Angel Aura color name →
#AFA8AE
oklch(0.739 0.012 330.2)
تحويلات الألوان
- HEX
- #afa8ae
- RGB
- rgb(175 168 174)
- HSL
- hsl(309 4% 67%)
- HWB
- hwb(309 66% 31%)
- OKLCH
- oklch(0.739 0.012 330.2)
- OKLab
- oklab(0.739 0.01 -0.006)
- CIE Lab
- lab(69.59 3.43 -2.16)
- LCH
- lch(69.59 4.05 327.8)
- CMYK
- cmyk(0% 4% 1% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B7B0B6
- BFB9BE
- C6C1C6
- CECACE
- D6D3D6
- DEDBDE
- E6E4E6
- EFEDEE
- F7F6F7
درجات داكنة
- 989297
- 817C80
- 6B676A
- 565255
- 413F41
- 2E2C2E
- 1C1A1C
- 0B0A0B
- 010101
درجات رمادية
- AAA4A9
- A5A0A5
- A19CA0
- 9C989B
- 979497
- 929092
- 8E8C8E
- 898889
- 858484
تناسق الألوان
متمم +180°
- AFA8AE
Angel Aura
- A6ADA7
≈ Silver Screen
متجاور -30° +30°
- AFA8AE
Angel Aura
- ABA9B1
≈ Velvet Grey
- B1A8AA
≈ Smoky Mountain
ثلاثي +120° +240°
- AFA8AE
Angel Aura
- ADAAA2
≈ Downtown Grey
- A3ADAF
≈ Gull Grey
متمم منقسم +150° +210°
- AFA8AE
Angel Aura
- A9ACA4
≈ Laurel Grey
- A3ADAB
≈ Portsmouth Bay
رباعي +90° +180° +270°
- AFA8AE
Angel Aura
- B0A9A3
≈ Aura
- A6ADA7
≈ Silver Screen
- A4ACB1
≈ Gull Grey
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.32:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.03:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--angel-aura: #afa8ae;
--angel-aura-rgb: 175 168 174;
--angel-aura-oklch: oklch(0.739 0.012 330.2);
}
.element {
color: var(--angel-aura);
background-color: hsl(309 4% 67%);
border-color: oklch(0.739 0.012 330.2);
}Tailwind CSS v4
@theme {
--color-angel-aura: #afa8ae;
--color-angel-aura-50: #f7f4f6;
--color-angel-aura-100: #eae6e9;
--color-angel-aura-200: #d7d2d6;
--color-angel-aura-300: #bbb5ba;
--color-angel-aura-400: #a39ca2;
--color-angel-aura-500: #8b838a;
--color-angel-aura-600: #756f75;
--color-angel-aura-700: #5e595d;
--color-angel-aura-800: #454144;
--color-angel-aura-900: #2f2d2f;
--color-angel-aura-950: #1c1a1c;
}SCSS
$angel-aura: #afa8ae;
$angel-aura-rgb: 175, 168, 174;
$angel-aura-light: mix(#fff, $angel-aura, 20%);
$angel-aura-dark: mix(#000, $angel-aura, 20%);
.element {
color: $angel-aura;
box-shadow: 0 0 0 2px rgba($angel-aura, 0.35);
}