لون مسمّى · #D0D0D7
Light Pensive
Light Pensive هو #D0D0D7: rgb(208 208 215)، hsl(240 8% 83%)، oklch(0.86 0.01 286.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Pensive color name →
#D0D0D7
oklch(0.86 0.01 286.2)
تحويلات الألوان
- HEX
- #d0d0d7
- RGB
- rgb(208 208 215)
- HSL
- hsl(240 8% 83%)
- HWB
- hwb(240 82% 16%)
- OKLCH
- oklch(0.86 0.01 286.2)
- OKLab
- oklab(0.86 0.003 -0.009)
- CIE Lab
- lab(83.64 0.96 -3.48)
- LCH
- lch(83.64 3.61 285.5)
- CMYK
- cmyk(3% 3% 0% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D5D5DB
- D9D9DF
- DEDEE3
- E3E3E7
- E7E7EB
- ECECEF
- F1F1F3
- F5F5F7
- FAFAFB
درجات داكنة
- B5B5BB
- 9A9A9F
- 808085
- 67676B
- 4F4F52
- 39393B
- 232325
- 101011
- 020202
درجات رمادية
- C8C8CE
- BFBFC5
- B7B7BC
- AFAFB3
- A7A7AA
- 9F9FA2
- 979799
- 8F8F91
- 888888
تناسق الألوان
متمم +180°
- D0D0D7
Light Pensive
- D1D1CA
≈ Guild Grey
متجاور -30° +30°
- D0D0D7
Light Pensive
- CDD1D7
≈ Light Slipper Satin
- D3CFD5
≈ Jam Session
ثلاثي +120° +240°
- D0D0D7
Light Pensive
- D7CFCC
≈ White City
- CBD3CF
≈ Sheer Light
متمم منقسم +150° +210°
- D0D0D7
Light Pensive
- D4D0CA
≈ Light Taupe White
- CED2CC
≈ Sheer Light
رباعي +90° +180° +270°
- D0D0D7
Light Pensive
- D7CECF
≈ Smells of Fresh Bread
- D1D1CA
≈ Guild Grey
- CAD3D3
≈ Sky Splash
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.68:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-pensive: #d0d0d7;
--light-pensive-rgb: 208 208 215;
--light-pensive-oklch: oklch(0.86 0.01 286.2);
}
.element {
color: var(--light-pensive);
background-color: hsl(240 8% 83%);
border-color: oklch(0.86 0.01 286.2);
}Tailwind CSS v4
@theme {
--color-light-pensive: #d0d0d7;
--color-light-pensive-50: #f5f5f8;
--color-light-pensive-100: #e7e7eb;
--color-light-pensive-200: #d4d4d8;
--color-light-pensive-300: #b7b7bc;
--color-light-pensive-400: #9e9ea4;
--color-light-pensive-500: #85858c;
--color-light-pensive-600: #717177;
--color-light-pensive-700: #5a5a5f;
--color-light-pensive-800: #424246;
--color-light-pensive-900: #2d2d30;
--color-light-pensive-950: #1a1a1c;
}SCSS
$light-pensive: #d0d0d7;
$light-pensive-rgb: 208, 208, 215;
$light-pensive-light: mix(#fff, $light-pensive, 20%);
$light-pensive-dark: mix(#000, $light-pensive, 20%);
.element {
color: $light-pensive;
box-shadow: 0 0 0 2px rgba($light-pensive, 0.35);
}