لون مسمّى · #D2D2DF
Tranquil Sea
Tranquil Sea هو #D2D2DF: rgb(210 210 223)، hsl(240 17% 85%)، oklch(0.868 0.018 286). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Tranquil Sea color name →
#D2D2DF
oklch(0.868 0.018 286)
تحويلات الألوان
- HEX
- #d2d2df
- RGB
- rgb(210 210 223)
- HSL
- hsl(240 17% 85%)
- HWB
- hwb(240 82% 13%)
- OKLCH
- oklch(0.868 0.018 286)
- OKLab
- oklab(0.868 0.005 -0.017)
- CIE Lab
- lab(84.49 1.81 -6.44)
- LCH
- lch(84.49 6.69 285.7)
- CMYK
- cmyk(6% 6% 0% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6D6E2
- DBDBE5
- DFDFE9
- E4E4EC
- E8E8EF
- EDEDF2
- F1F1F5
- F6F6F9
- FAFAFC
درجات داكنة
- B6B6C2
- 9B9BA5
- 81818A
- 68686F
- 505056
- 39393D
- 242427
- 101012
- 020202
درجات رمادية
- C9C9D5
- C1C1CB
- B9B9C2
- B0B0B8
- A8A8AE
- A0A0A5
- 98989B
- 909092
- 888889
تناسق الألوان
متمم +180°
- D2D2DF
Tranquil Sea
- D5D4C7
≈ Barest Hush
متجاور -30° +30°
- D2D2DF
Tranquil Sea
- CCD4DF
≈ Ephemeral Blue
- D8D0DC
≈ Iron Maiden
ثلاثي +120° +240°
- D2D2DF
Tranquil Sea
- DED0CA
≈ Watermelon Milk
- C9D7D1
≈ Blue Lullaby
متمم منقسم +150° +210°
- D2D2DF
Tranquil Sea
- DAD2C7
≈ Taupe of the Morning
- CED6CB
≈ Aspen Mist
رباعي +90° +180° +270°
- D2D2DF
Tranquil Sea
- DFCFCF
≈ Light Aroma
- D5D4C7
≈ Barest Hush
- C7D7D7
≈ Skydiving
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.02:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.02:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tranquil-sea: #d2d2df;
--tranquil-sea-rgb: 210 210 223;
--tranquil-sea-oklch: oklch(0.868 0.018 286);
}
.element {
color: var(--tranquil-sea);
background-color: hsl(240 17% 85%);
border-color: oklch(0.868 0.018 286);
}Tailwind CSS v4
@theme {
--color-tranquil-sea: #d2d2df;
--color-tranquil-sea-50: #f5f4fa;
--color-tranquil-sea-100: #e7e7ee;
--color-tranquil-sea-200: #d3d3dc;
--color-tranquil-sea-300: #b7b6c0;
--color-tranquil-sea-400: #9d9da9;
--color-tranquil-sea-500: #858592;
--color-tranquil-sea-600: #70707b;
--color-tranquil-sea-700: #5a5a63;
--color-tranquil-sea-800: #414248;
--color-tranquil-sea-900: #2d2d32;
--color-tranquil-sea-950: #1a1a1e;
}SCSS
$tranquil-sea: #d2d2df;
$tranquil-sea-rgb: 210, 210, 223;
$tranquil-sea-light: mix(#fff, $tranquil-sea, 20%);
$tranquil-sea-dark: mix(#000, $tranquil-sea, 20%);
.element {
color: $tranquil-sea;
box-shadow: 0 0 0 2px rgba($tranquil-sea, 0.35);
}