لون مسمّى · #CDD5D3
Pacific Mist
Pacific Mist هو #CDD5D3: rgb(205 213 211)، hsl(165 9% 82%)، oklch(0.866 0.009 179.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Pacific Mist color name →
#CDD5D3
oklch(0.866 0.009 179.6)
تحويلات الألوان
- HEX
- #cdd5d3
- RGB
- rgb(205 213 211)
- HSL
- hsl(165 9% 82%)
- HWB
- hwb(165 80% 16%)
- OKLCH
- oklch(0.866 0.009 179.6)
- OKLab
- oklab(0.866 -0.009 0)
- CIE Lab
- lab(84.6 -3.09 0)
- LCH
- lch(84.6 3.09 180.1)
- CMYK
- cmyk(4% 0% 1% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D2D9D7
- D7DDDC
- DCE1E0
- E1E6E4
- E6EAE9
- EBEEED
- F0F2F2
- F5F6F6
- FAFBFB
درجات داكنة
- B2B9B7
- 989E9C
- 7E8382
- 666A69
- 4E5151
- 383A3A
- 232424
- 0F1010
- 020202
درجات رمادية
- C5CCCA
- BDC3C2
- B5BBB9
- ADB2B1
- A6AAA9
- 9EA1A0
- 969998
- 8F9090
- 878888
تناسق الألوان
متمم +180°
- CDD5D3
Pacific Mist
- D8D1D3
≈ Beluga Song
متجاور -30° +30°
- CDD5D3
Pacific Mist
- CFD5D0
≈ Old Sterling
- CDD5D6
≈ Zumthor
ثلاثي +120° +240°
- CDD5D3
Pacific Mist
- D4D2D8
≈ Etude Lilac
- D8D2CD
≈ Smoked Oyster
متمم منقسم +150° +210°
- CDD5D3
Pacific Mist
- D7D1D6
≈ Lilac Mauve
- D9D1CF
≈ Roman Mosaic
رباعي +90° +180° +270°
- CDD5D3
Pacific Mist
- D0D3D9
≈ Blueberry Whip
- D8D1D3
≈ Beluga Song
- D5D3CC
≈ Slow Perch
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.05:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.05:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pacific-mist: #cdd5d3;
--pacific-mist-rgb: 205 213 211;
--pacific-mist-oklch: oklch(0.866 0.009 179.6);
}
.element {
color: var(--pacific-mist);
background-color: hsl(165 9% 82%);
border-color: oklch(0.866 0.009 179.6);
}Tailwind CSS v4
@theme {
--color-pacific-mist: #cdd5d3;
--color-pacific-mist-50: #f2f6f5;
--color-pacific-mist-100: #e5e9e8;
--color-pacific-mist-200: #d0d5d4;
--color-pacific-mist-300: #b3b9b7;
--color-pacific-mist-400: #99a09e;
--color-pacific-mist-500: #808886;
--color-pacific-mist-600: #6c7372;
--color-pacific-mist-700: #575c5b;
--color-pacific-mist-800: #3f4342;
--color-pacific-mist-900: #2b2f2e;
--color-pacific-mist-950: #191b1a;
}SCSS
$pacific-mist: #cdd5d3;
$pacific-mist-rgb: 205, 213, 211;
$pacific-mist-light: mix(#fff, $pacific-mist, 20%);
$pacific-mist-dark: mix(#000, $pacific-mist, 20%);
.element {
color: $pacific-mist;
box-shadow: 0 0 0 2px rgba($pacific-mist, 0.35);
}