لون مسمّى · #D4E9F5
Freezing Vapour
Freezing Vapour هو #D4E9F5: rgb(212 233 245)، hsl(202 62% 90%)، oklch(0.922 0.028 232.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Freezing Vapour color name →
#D4E9F5
oklch(0.922 0.028 232.7)
تحويلات الألوان
- HEX
- #d4e9f5
- RGB
- rgb(212 233 245)
- HSL
- hsl(202 62% 90%)
- HWB
- hwb(202 83% 4%)
- OKLCH
- oklch(0.922 0.028 232.7)
- OKLab
- oklab(0.922 -0.017 -0.022)
- CIE Lab
- lab(91.05 -5.41 -8.33)
- LCH
- lch(91.05 9.93 237)
- CMYK
- cmyk(13% 5% 0% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D8EBF6
- DDEDF7
- E1F0F8
- E5F2F9
- EAF4FA
- EEF6FB
- F2F8FC
- F6FBFD
- FBFDFE
درجات داكنة
- B8CBD5
- 9DADB6
- 839098
- 69747B
- 515A5F
- 3A4144
- 24292B
- 101315
- 020303
درجات رمادية
- CBDEE9
- C3D3DD
- BAC8D1
- B2BEC5
- A9B3B9
- A1A9AD
- 989EA2
- 909496
- 888A8B
تناسق الألوان
متمم +180°
- D4E9F5
Freezing Vapour
- F5E1D5
≈ Antique Candle Light
متجاور -30° +30°
- D4E9F5
Freezing Vapour
- D1EBED
≈ Jet d’Eau
- DCE6F8
≈ Crystal Falls
ثلاثي +120° +240°
- D4E9F5
Freezing Vapour
- F5DEE7
≈ Ranunculus White
- E5E8D3
≈ Green Iced Tea
متمم منقسم +150° +210°
- D4E9F5
Freezing Vapour
- F7DFDD
≈ Pale Perfection
- EEE4D1
≈ Tawny Daylily
رباعي +90° +180° +270°
- D4E9F5
Freezing Vapour
- EFE0F0
≈ Sheer Lavender
- F5E1D5
≈ Antique Candle Light
- DBEADA
≈ Lily Pond
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.25:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.77:1 · APCA Lc 91
أفضل لون للنص: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--freezing-vapour: #d4e9f5;
--freezing-vapour-rgb: 212 233 245;
--freezing-vapour-oklch: oklch(0.922 0.028 232.7);
}
.element {
color: var(--freezing-vapour);
background-color: hsl(202 62% 90%);
border-color: oklch(0.922 0.028 232.7);
}Tailwind CSS v4
@theme {
--color-freezing-vapour: #d4e9f5;
--color-freezing-vapour-50: #eef7fc;
--color-freezing-vapour-100: #dfeaf0;
--color-freezing-vapour-200: #c9d6de;
--color-freezing-vapour-300: #aabac4;
--color-freezing-vapour-400: #8fa2ac;
--color-freezing-vapour-500: #758a96;
--color-freezing-vapour-600: #63757f;
--color-freezing-vapour-700: #4f5d65;
--color-freezing-vapour-800: #39444a;
--color-freezing-vapour-900: #272f34;
--color-freezing-vapour-950: #151c1f;
}SCSS
$freezing-vapour: #d4e9f5;
$freezing-vapour-rgb: 212, 233, 245;
$freezing-vapour-light: mix(#fff, $freezing-vapour, 20%);
$freezing-vapour-dark: mix(#000, $freezing-vapour, 20%);
.element {
color: $freezing-vapour;
box-shadow: 0 0 0 2px rgba($freezing-vapour, 0.35);
}