لون مسمّى · #E2D7DA
Fairy-Nuff
Fairy-Nuff هو #E2D7DA: rgb(226 215 218)، hsl(344 16% 86%)، oklch(0.889 0.013 358.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Fairy-Nuff color name →
#E2D7DA
oklch(0.889 0.013 358.8)
تحويلات الألوان
- HEX
- #e2d7da
- RGB
- rgb(226 215 218)
- HSL
- hsl(344 16% 86%)
- HWB
- hwb(344 84% 11%)
- OKLCH
- oklch(0.889 0.013 358.8)
- OKLab
- oklab(0.889 0.013 0)
- CIE Lab
- lab(86.94 4.3 -0.06)
- LCH
- lch(86.94 4.3 359.2)
- CMYK
- cmyk(0% 5% 4% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E5DBDE
- E8DFE1
- EBE3E5
- EEE7E9
- F0EBEC
- F3EFF0
- F6F3F4
- F9F7F8
- FCFBFB
درجات داكنة
- C4BBBD
- A89FA2
- 8C8587
- 716B6C
- 575254
- 3E3B3C
- 272525
- 121111
- 030202
درجات رمادية
- D8CED1
- CEC5C7
- C4BCBE
- BAB3B5
- B0AAAC
- A6A2A3
- 9C999A
- 939191
- 898889
تناسق الألوان
متمم +180°
- E2D7DA
Fairy-Nuff
- D2DDDA
≈ Thin Cloud
متجاور -30° +30°
- E2D7DA
Fairy-Nuff
- DFD7DE
≈ Little Lilac
- E3D7D6
≈ Most Delicate
ثلاثي +120° +240°
- E2D7DA
Fairy-Nuff
- D9DCD2
≈ Wayward Willow
- D3DCE2
≈ Skyscraper
متمم منقسم +150° +210°
- E2D7DA
Fairy-Nuff
- D5DDD6
≈ Periwinkle Tint
- D1DDDF
≈ Blue Nuance
رباعي +90° +180° +270°
- E2D7DA
Fairy-Nuff
- DEDAD1
≈ Egret White
- D2DDDA
≈ Thin Cloud
- D7DAE3
≈ Rivulet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.40:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.96:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fairy-nuff: #e2d7da;
--fairy-nuff-rgb: 226 215 218;
--fairy-nuff-oklch: oklch(0.889 0.013 358.8);
}
.element {
color: var(--fairy-nuff);
background-color: hsl(344 16% 86%);
border-color: oklch(0.889 0.013 358.8);
}Tailwind CSS v4
@theme {
--color-fairy-nuff: #e2d7da;
--color-fairy-nuff-50: #f8f4f5;
--color-fairy-nuff-100: #ece6e7;
--color-fairy-nuff-200: #d9d2d4;
--color-fairy-nuff-300: #bdb5b7;
--color-fairy-nuff-400: #a59b9e;
--color-fairy-nuff-500: #8e8386;
--color-fairy-nuff-600: #786f71;
--color-fairy-nuff-700: #60595b;
--color-fairy-nuff-800: #464142;
--color-fairy-nuff-900: #312d2e;
--color-fairy-nuff-950: #1d1a1b;
}SCSS
$fairy-nuff: #e2d7da;
$fairy-nuff-rgb: 226, 215, 218;
$fairy-nuff-light: mix(#fff, $fairy-nuff, 20%);
$fairy-nuff-dark: mix(#000, $fairy-nuff, 20%);
.element {
color: $fairy-nuff;
box-shadow: 0 0 0 2px rgba($fairy-nuff, 0.35);
}