لون مسمّى · #B8ACB4
Angel Finger
Angel Finger هو #B8ACB4: rgb(184 172 180)، hsl(320 8% 70%)، oklch(0.757 0.018 337.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Angel Finger color name →
#B8ACB4
oklch(0.757 0.018 337.7)
تحويلات الألوان
- HEX
- #b8acb4
- RGB
- rgb(184 172 180)
- HSL
- hsl(320 8% 70%)
- HWB
- hwb(320 67% 28%)
- OKLCH
- oklch(0.757 0.018 337.7)
- OKLab
- oklab(0.757 0.016 -0.007)
- CIE Lab
- lab(71.56 5.53 -2.48)
- LCH
- lch(71.56 6.06 335.8)
- CMYK
- cmyk(0% 7% 2% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BFB4BB
- C6BCC3
- CDC4CA
- D4CCD1
- DBD5D9
- E2DDE0
- E9E5E8
- F0EEF0
- F8F6F7
درجات داكنة
- A0959C
- 887F85
- 71696E
- 5B5458
- 454044
- 312D30
- 1E1B1D
- 0C0B0C
- 020102
درجات رمادية
- B2A8AF
- ADA3A9
- A79FA4
- A19A9F
- 9C969A
- 969194
- 908D8F
- 8B898A
- 858485
تناسق الألوان
متمم +180°
- B8ACB4
Angel Finger
- A7B4AC
≈ Atlantic Foam
متجاور -30° +30°
- B8ACB4
Angel Finger
- B3ADB9
≈ Audition
- BBACAE
≈ Aniline Mauve
ثلاثي +120° +240°
- B8ACB4
Angel Finger
- B3B0A4
≈ Light Sage
- A4B3B8
≈ Porch Ceiling
متمم منقسم +150° +210°
- B8ACB4
Angel Finger
- ADB2A7
≈ Pebble Walk
- A4B4B2
≈ Frozen Pond
رباعي +90° +180° +270°
- B8ACB4
Angel Finger
- B8AEA5
≈ Nightingale Grey
- A7B4AC
≈ Atlantic Foam
- A8B1BB
≈ Cistern
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.18:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.59:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.59:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--angel-finger: #b8acb4;
--angel-finger-rgb: 184 172 180;
--angel-finger-oklch: oklch(0.757 0.018 337.7);
}
.element {
color: var(--angel-finger);
background-color: hsl(320 8% 70%);
border-color: oklch(0.757 0.018 337.7);
}Tailwind CSS v4
@theme {
--color-angel-finger: #b8acb4;
--color-angel-finger-50: #f9f3f7;
--color-angel-finger-100: #ece6ea;
--color-angel-finger-200: #dad1d7;
--color-angel-finger-300: #beb4ba;
--color-angel-finger-400: #a69ba2;
--color-angel-finger-500: #8e828a;
--color-angel-finger-600: #786e75;
--color-angel-finger-700: #60585e;
--color-angel-finger-800: #464045;
--color-angel-finger-900: #312c2f;
--color-angel-finger-950: #1d191c;
}SCSS
$angel-finger: #b8acb4;
$angel-finger-rgb: 184, 172, 180;
$angel-finger-light: mix(#fff, $angel-finger, 20%);
$angel-finger-dark: mix(#000, $angel-finger, 20%);
.element {
color: $angel-finger;
box-shadow: 0 0 0 2px rgba($angel-finger, 0.35);
}