لون مسمّى · #B8D6D7
Skylight
Skylight هو #B8D6D7: rgb(184 214 215)، hsl(182 28% 78%)، oklch(0.854 0.032 199). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Skylight color name →
#B8D6D7
oklch(0.854 0.032 199)
تحويلات الألوان
- HEX
- #b8d6d7
- RGB
- rgb(184 214 215)
- HSL
- hsl(182 28% 78%)
- HWB
- hwb(182 72% 16%)
- OKLCH
- oklch(0.854 0.032 199)
- OKLab
- oklab(0.854 -0.03 -0.01)
- CIE Lab
- lab(83.44 -10.16 -4.03)
- LCH
- lch(83.44 10.93 201.6)
- CMYK
- cmyk(14% 0% 0% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BFDADB
- C6DEDF
- CDE2E3
- D4E6E7
- DBEAEB
- E3EFEF
- EAF3F3
- F1F7F7
- F8FBFB
درجات داكنة
- A0BABB
- 889E9F
- 718485
- 5B6A6B
- 455252
- 313B3B
- 1E2525
- 0C1011
- 020202
درجات رمادية
- B2CDCE
- ADC4C5
- A7BBBC
- A1B3B3
- 9CAAAA
- 96A1A2
- 919999
- 8B9191
- 868888
تناسق الألوان
متمم +180°
- B8D6D7
Skylight
- E4C7C7
≈ Girl Talk
متجاور -30° +30°
- B8D6D7
Skylight
- BCD6CC
≈ Soft Fresco
- BBD4E0
≈ Pale Aqua
ثلاثي +120° +240°
- B8D6D7
Skylight
- D9C9DD
≈ Hampstead Heath
- DBCDB8
≈ Palest Satin
متمم منقسم +150° +210°
- B8D6D7
Skylight
- E0C7D2
≈ Tinted Rosewood
- E2CABD
≈ Sultan Sand
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.63:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--skylight: #b8d6d7;
--skylight-rgb: 184 214 215;
--skylight-oklch: oklch(0.854 0.032 199);
}
.element {
color: var(--skylight);
background-color: hsl(182 28% 78%);
border-color: oklch(0.854 0.032 199);
}Tailwind CSS v4
@theme {
--color-skylight: #b8d6d7;
--color-skylight-50: #ebf8f9;
--color-skylight-100: #dcebec;
--color-skylight-200: #c5d9da;
--color-skylight-300: #a5bdbe;
--color-skylight-400: #89a5a5;
--color-skylight-500: #6e8d8e;
--color-skylight-600: #5d7778;
--color-skylight-700: #4a5f60;
--color-skylight-800: #364646;
--color-skylight-900: #253031;
--color-skylight-950: #131d1d;
}SCSS
$skylight: #b8d6d7;
$skylight-rgb: 184, 214, 215;
$skylight-light: mix(#fff, $skylight, 20%);
$skylight-dark: mix(#000, $skylight, 20%);
.element {
color: $skylight;
box-shadow: 0 0 0 2px rgba($skylight, 0.35);
}