أقرب لون مسمّى · #DFE8EA
#DFE8EA
أقرب لون مسمّى: Airy
#DFE8EA (rgb(223 232 234)، hsl(191 21% 90%)، oklch(0.925 0.01 212.5)) أقرب إلى اللون المسمّى Airy. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DFE8EA
oklch(0.925 0.01 212.5)
تحويلات الألوان
- HEX
- #dfe8ea
- RGB
- rgb(223 232 234)
- HSL
- hsl(191 21% 90%)
- HWB
- hwb(191 87% 8%)
- OKLCH
- oklch(0.925 0.01 212.5)
- OKLab
- oklab(0.925 -0.008 -0.005)
- CIE Lab
- lab(91.35 -2.83 -2.07)
- LCH
- lch(91.35 3.51 216.2)
- CMYK
- cmyk(5% 1% 0% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2EAEC
- E5EDEE
- E9EFF0
- ECF1F2
- EFF3F4
- F2F6F7
- F5F8F9
- F9FAFB
- FCFDFD
درجات داكنة
- C2CACB
- A5ACAE
- 8A9091
- 6F7475
- 56595A
- 3D4041
- 272929
- 121313
- 020303
درجات رمادية
- D5DDDF
- CBD2D4
- C2C8C9
- B8BDBE
- AEB3B4
- A5A8A9
- 9B9E9F
- 929494
- 898A8A
تناسق الألوان
متمم +180°
- DFE8EA
Airy
- EDE4E2
≈ Whimsical White
متجاور -30° +30°
- DFE8EA
Airy
- DFE8E7
≈ Filigree
- E1E7EC
≈ Winter Haven
ثلاثي +120° +240°
- DFE8EA
Airy
- EAE4E9
≈ Calm Tint
- E8E6DF
≈ Pearly Gates
متمم منقسم +150° +210°
- DFE8EA
Airy
- ECE3E5
≈ Delicacy White
- EBE5DF
≈ Lime White
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.24:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.86:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--airy: #dfe8ea;
--airy-rgb: 223 232 234;
--airy-oklch: oklch(0.925 0.01 212.5);
}
.element {
color: var(--airy);
background-color: hsl(191 21% 90%);
border-color: oklch(0.925 0.01 212.5);
}Tailwind CSS v4
@theme {
--color-airy: #dfe8ea;
--color-airy-50: #f2f6f7;
--color-airy-100: #e4e9ea;
--color-airy-200: #d0d5d7;
--color-airy-300: #b2b9ba;
--color-airy-400: #98a0a2;
--color-airy-500: #7f888a;
--color-airy-600: #6c7375;
--color-airy-700: #565c5d;
--color-airy-800: #3f4344;
--color-airy-900: #2b2e2f;
--color-airy-950: #181b1c;
}SCSS
$airy: #dfe8ea;
$airy-rgb: 223, 232, 234;
$airy-light: mix(#fff, $airy, 20%);
$airy-dark: mix(#000, $airy, 20%);
.element {
color: $airy;
box-shadow: 0 0 0 2px rgba($airy, 0.35);
}