لون مسمّى · #ADDEE5
Sky Cloud
Sky Cloud هو #ADDEE5: rgb(173 222 229)، hsl(188 52% 79%)، oklch(0.869 0.051 207.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Sky Cloud color name →
#ADDEE5
oklch(0.869 0.051 207.1)
تحويلات الألوان
- HEX
- #addee5
- RGB
- rgb(173 222 229)
- HSL
- hsl(188 52% 79%)
- HWB
- hwb(188 68% 10%)
- OKLCH
- oklch(0.869 0.051 207.1)
- OKLab
- oklab(0.869 -0.046 -0.023)
- CIE Lab
- lab(85.21 -15.23 -8.91)
- LCH
- lch(85.21 17.64 210.3)
- CMYK
- cmyk(24% 3% 0% 10%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B5E1E8
- BEE5EA
- C6E8ED
- CEEBEF
- D7EFF2
- DFF2F5
- E7F5F7
- EFF8FA
- F7FCFC
درجات داكنة
- 96C1C7
- 7FA5AA
- 6A898E
- 556F72
- 415558
- 2D3D3F
- 1B2628
- 0B1212
- 010203
درجات رمادية
- A9D4DA
- A4CBD0
- A0C1C6
- 9CB7BB
- 97AEB1
- 93A5A7
- 8E9B9D
- 899293
- 85898A
تناسق الألوان
متمم +180°
- ADDEE5
Sky Cloud
- F4C8C2
≈ Sonia Rose
متجاور -30° +30°
- ADDEE5
Sky Cloud
- B1DFD3
≈ Jaded Clouds
- B5DAF2
≈ Blue Rice
ثلاثي +120° +240°
- ADDEE5
Sky Cloud
- E7C9E6
≈ Syrian Violet
- E2D2AE
≈ Cream Cake
متمم منقسم +150° +210°
- ADDEE5
Sky Cloud
- F1C6D4
≈ Lily Legs
- EFCCB4
≈ Peach Darling
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.46:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.35:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sky-cloud: #addee5;
--sky-cloud-rgb: 173 222 229;
--sky-cloud-oklch: oklch(0.869 0.051 207.1);
}
.element {
color: var(--sky-cloud);
background-color: hsl(188 52% 79%);
border-color: oklch(0.869 0.051 207.1);
}Tailwind CSS v4
@theme {
--color-sky-cloud: #addee5;
--color-sky-cloud-50: #e5fafd;
--color-sky-cloud-100: #d5edf1;
--color-sky-cloud-200: #bcdbe0;
--color-sky-cloud-300: #9abfc6;
--color-sky-cloud-400: #7ba7ae;
--color-sky-cloud-500: #5c9097;
--color-sky-cloud-600: #4e7a80;
--color-sky-cloud-700: #3e6267;
--color-sky-cloud-800: #2c484b;
--color-sky-cloud-900: #1e3234;
--color-sky-cloud-950: #0e1e1f;
}SCSS
$sky-cloud: #addee5;
$sky-cloud-rgb: 173, 222, 229;
$sky-cloud-light: mix(#fff, $sky-cloud, 20%);
$sky-cloud-dark: mix(#000, $sky-cloud, 20%);
.element {
color: $sky-cloud;
box-shadow: 0 0 0 2px rgba($sky-cloud, 0.35);
}