لون مسمّى · #B7D0C5
Quiet Drizzle
Quiet Drizzle هو #B7D0C5: rgb(183 208 197)، hsl(154 21% 77%)، oklch(0.836 0.031 167.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Quiet Drizzle color name →
#B7D0C5
oklch(0.836 0.031 167.3)
تحويلات الألوان
- HEX
- #b7d0c5
- RGB
- rgb(183 208 197)
- HSL
- hsl(154 21% 77%)
- HWB
- hwb(154 72% 18%)
- OKLCH
- oklch(0.836 0.031 167.3)
- OKLab
- oklab(0.836 -0.03 0.007)
- CIE Lab
- lab(81.37 -10.3 2.49)
- LCH
- lch(81.37 10.6 166.4)
- CMYK
- cmyk(12% 0% 5% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BED5CB
- C5D9D0
- CCDED6
- D4E3DC
- DBE7E2
- E2ECE7
- E9F1ED
- F0F5F3
- F8FAF9
درجات داكنة
- 9FB5AB
- 879A92
- 708079
- 5A6761
- 454F4B
- 313935
- 1E2321
- 0C100E
- 020202
درجات رمادية
- B1C8BE
- ACBFB7
- A6B7B0
- A1AFA9
- 9BA7A2
- 969F9B
- 909794
- 8B8F8D
- 858887
تناسق الألوان
متمم +180°
- B7D0C5
Quiet Drizzle
- D9C1CD
≈ Twilight Light
متجاور -30° +30°
- B7D0C5
Quiet Drizzle
- C0CEBB
≈ Mellow Spring
- B3D0D0
≈ Turquoise Grey
ثلاثي +120° +240°
- B7D0C5
Quiet Drizzle
- C7C7DD
≈ Pax
- DBC4B8
≈ Basic Coral
متمم منقسم +150° +210°
- B7D0C5
Quiet Drizzle
- D2C3D7
≈ Seedless Grape
- DDC2C2
≈ Cameo Appearance
رباعي +90° +180° +270°
- B7D0C5
Quiet Drizzle
- BDCADE
≈ Arctic Grey
- D9C1CD
≈ Twilight Light
- D5C7B3
≈ Desert Suede
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.63:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.84:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--quiet-drizzle: #b7d0c5;
--quiet-drizzle-rgb: 183 208 197;
--quiet-drizzle-oklch: oklch(0.836 0.031 167.3);
}
.element {
color: var(--quiet-drizzle);
background-color: hsl(154 21% 77%);
border-color: oklch(0.836 0.031 167.3);
}Tailwind CSS v4
@theme {
--color-quiet-drizzle: #b7d0c5;
--color-quiet-drizzle-50: #edf8f4;
--color-quiet-drizzle-100: #deebe6;
--color-quiet-drizzle-200: #c8d9d2;
--color-quiet-drizzle-300: #a9bdb5;
--color-quiet-drizzle-400: #8ea59b;
--color-quiet-drizzle-500: #738d82;
--color-quiet-drizzle-600: #62776e;
--color-quiet-drizzle-700: #4e5f58;
--color-quiet-drizzle-800: #394640;
--color-quiet-drizzle-900: #27302c;
--color-quiet-drizzle-950: #151d19;
}SCSS
$quiet-drizzle: #b7d0c5;
$quiet-drizzle-rgb: 183, 208, 197;
$quiet-drizzle-light: mix(#fff, $quiet-drizzle, 20%);
$quiet-drizzle-dark: mix(#000, $quiet-drizzle, 20%);
.element {
color: $quiet-drizzle;
box-shadow: 0 0 0 2px rgba($quiet-drizzle, 0.35);
}