لون مسمّى · #D8D9CA
Stage Whisper
Stage Whisper هو #D8D9CA: rgb(216 217 202)، hsl(64 16% 82%)، oklch(0.88 0.02 109.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Stage Whisper color name →
#D8D9CA
oklch(0.88 0.02 109.9)
تحويلات الألوان
- HEX
- #d8d9ca
- RGB
- rgb(216 217 202)
- HSL
- hsl(64 16% 82%)
- HWB
- hwb(64 79% 15%)
- OKLCH
- oklch(0.88 0.02 109.9)
- OKLab
- oklab(0.88 -0.007 0.019)
- CIE Lab
- lab(86.31 -2.31 7.29)
- LCH
- lch(86.31 7.65 107.6)
- CMYK
- cmyk(0% 0% 7% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DCDDCF
- E0E1D4
- E4E4DA
- E7E8DF
- EBECE4
- EFF0EA
- F3F3EF
- F7F7F4
- FBFBFA
درجات داكنة
- BCBCAF
- A0A195
- 85867C
- 6B6C64
- 53534D
- 3B3B37
- 252522
- 11110F
- 020202
درجات رمادية
- CFD0C2
- C6C7BB
- BDBDB3
- B4B4AC
- ABABA4
- A2A39D
- 999A96
- 91918E
- 888987
تناسق الألوان
متمم +180°
- D8D9CA
Stage Whisper
- D7D6E4
≈ Heavenly Haze
متجاور -30° +30°
- D8D9CA
Stage Whisper
- DFD6C9
≈ Kestrel White
- D1DBCF
≈ Dead Nettle White
ثلاثي +120° +240°
- D8D9CA
Stage Whisper
- CBDAE3
≈ Vanilla Ice Smoke
- E3D2D9
≈ Ibis Mouse
متمم منقسم +150° +210°
- D8D9CA
Stage Whisper
- D0D8E5
≈ Monet Lily
- DED4E0
≈ Tender Limerence
رباعي +90° +180° +270°
- D8D9CA
Stage Whisper
- C9DCDD
≈ Snow in June
- D7D6E4
≈ Heavenly Haze
- E5D3D2
≈ Ash Cherry Blossom
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.42:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.69:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--stage-whisper: #d8d9ca;
--stage-whisper-rgb: 216 217 202;
--stage-whisper-oklch: oklch(0.88 0.02 109.9);
}
.element {
color: var(--stage-whisper);
background-color: hsl(64 16% 82%);
border-color: oklch(0.88 0.02 109.9);
}Tailwind CSS v4
@theme {
--color-stage-whisper: #d8d9ca;
--color-stage-whisper-50: #f5f6ef;
--color-stage-whisper-100: #e8e9e1;
--color-stage-whisper-200: #d4d5cc;
--color-stage-whisper-300: #b7b9ad;
--color-stage-whisper-400: #9fa092;
--color-stage-whisper-500: #878878;
--color-stage-whisper-600: #727366;
--color-stage-whisper-700: #5b5c51;
--color-stage-whisper-800: #43433b;
--color-stage-whisper-900: #2e2e28;
--color-stage-whisper-950: #1b1b16;
}SCSS
$stage-whisper: #d8d9ca;
$stage-whisper-rgb: 216, 217, 202;
$stage-whisper-light: mix(#fff, $stage-whisper, 20%);
$stage-whisper-dark: mix(#000, $stage-whisper, 20%);
.element {
color: $stage-whisper;
box-shadow: 0 0 0 2px rgba($stage-whisper, 0.35);
}