لون مسمّى · #EDF1E3
Aspen Whisper
Aspen Whisper هو #EDF1E3: rgb(237 241 227)، hsl(77 33% 92%)، oklch(0.951 0.019 119.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Aspen Whisper color name →
#EDF1E3
oklch(0.951 0.019 119.8)
تحويلات الألوان
- HEX
- #edf1e3
- RGB
- rgb(237 241 227)
- HSL
- hsl(77 33% 92%)
- HWB
- hwb(77 89% 5%)
- OKLCH
- oklch(0.951 0.019 119.8)
- OKLab
- oklab(0.951 -0.009 0.016)
- CIE Lab
- lab(94.55 -3.2 6.3)
- LCH
- lch(94.55 7.06 116.9)
- CMYK
- cmyk(2% 0% 6% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFF2E6
- F1F4E9
- F2F5EB
- F4F7EE
- F6F8F1
- F8F9F4
- FAFBF7
- FBFCF9
- FDFEFC
درجات داكنة
- CED2C5
- B0B3A8
- 93958C
- 777971
- 5C5D57
- 42433F
- 2A2B27
- 141412
- 030303
درجات رمادية
- E2E5D9
- D6D9CE
- CBCEC4
- C0C2BA
- B5B7B0
- AAACA6
- 9FA19D
- 959693
- 8A8B89
تناسق الألوان
متمم +180°
- EDF1E3
Aspen Whisper
- F0ECFA
≈ Placebo Purple
متجاور -30° +30°
- EDF1E3
Aspen Whisper
- F4EFE1
≈ Divine Pleasure
- E6F3E8
≈ Mint Fizz
ثلاثي +120° +240°
- EDF1E3
Aspen Whisper
- E4F1FB
≈ Clear Vision
- FBEAEE
≈ Morning Shine
متمم منقسم +150° +210°
- EDF1E3
Aspen Whisper
- EAEFFC
≈ Cotton Boll
- F7EBF5
≈ Placebo Magenta
رباعي +90° +180° +270°
- EDF1E3
Aspen Whisper
- E1F3F6
≈ Bone-Chilling
- F0ECFA
≈ Placebo Purple
- FCEBE7
≈ Pink Swirl
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.14:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.29:1 · APCA Lc 98
أفضل لون للنص: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aspen-whisper: #edf1e3;
--aspen-whisper-rgb: 237 241 227;
--aspen-whisper-oklch: oklch(0.951 0.019 119.8);
}
.element {
color: var(--aspen-whisper);
background-color: hsl(77 33% 92%);
border-color: oklch(0.951 0.019 119.8);
}Tailwind CSS v4
@theme {
--color-aspen-whisper: #edf1e3;
--color-aspen-whisper-50: #f4f6f0;
--color-aspen-whisper-100: #e7e9e2;
--color-aspen-whisper-200: #d3d6cd;
--color-aspen-whisper-300: #b6b9ae;
--color-aspen-whisper-400: #9da094;
--color-aspen-whisper-500: #84887a;
--color-aspen-whisper-600: #707368;
--color-aspen-whisper-700: #5a5c53;
--color-aspen-whisper-800: #42433c;
--color-aspen-whisper-900: #2d2e29;
--color-aspen-whisper-950: #1a1b17;
}SCSS
$aspen-whisper: #edf1e3;
$aspen-whisper-rgb: 237, 241, 227;
$aspen-whisper-light: mix(#fff, $aspen-whisper, 20%);
$aspen-whisper-dark: mix(#000, $aspen-whisper, 20%);
.element {
color: $aspen-whisper;
box-shadow: 0 0 0 2px rgba($aspen-whisper, 0.35);
}