لون مسمّى · #DADEB5
April Showers
April Showers هو #DADEB5: rgb(218 222 181)، hsl(66 38% 79%)، oklch(0.887 0.054 112). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · April Showers color name →
#DADEB5
oklch(0.887 0.054 112)
تحويلات الألوان
- HEX
- #dadeb5
- RGB
- rgb(218 222 181)
- HSL
- hsl(66 38% 79%)
- HWB
- hwb(66 71% 13%)
- OKLCH
- oklch(0.887 0.054 112)
- OKLab
- oklab(0.887 -0.02 0.05)
- CIE Lab
- lab(87.37 -6.45 19.73)
- LCH
- lch(87.37 20.76 108.1)
- CMYK
- cmyk(2% 0% 18% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEE1BC
- E1E5C4
- E5E8CB
- E9EBD3
- ECEFDA
- F0F2E1
- F4F5E9
- F7F8F0
- FBFCF8
درجات داكنة
- BDC19D
- A2A586
- 87896F
- 6C6F59
- 545544
- 3C3D30
- 25261D
- 11120C
- 020202
درجات رمادية
- D1D4B0
- C7CBAA
- BEC1A5
- B5B7A0
- ACAE9B
- A3A595
- 9A9B90
- 91928B
- 898985
تناسق الألوان
متمم +180°
- DADEB5
April Showers
- DAD4FC
≈ Pale Lavender
متجاور -30° +30°
- DADEB5
April Showers
- ECD7B2
≈ Golden Syrup
- C6E4C2
≈ Green Myth
ثلاثي +120° +240°
- DADEB5
April Showers
- B7E1F8
≈ Arctic Paradise
- F8CCDD
≈ Pink Lace
متمم منقسم +150° +210°
- DADEB5
April Showers
- C6DBFF
≈ Arc Light
- EBCEF0
≈ Bubblegum Crisis
رباعي +90° +180° +270°
- DADEB5
April Showers
- B0E5E9
≈ Winter Escape
- DAD4FC
≈ Pale Lavender
- FCCCCA
≈ Tint of Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.39:1 · APCA Lc 19
Ag
AAAعلى الأسود
WCAG 15.09:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--april-showers: #dadeb5;
--april-showers-rgb: 218 222 181;
--april-showers-oklch: oklch(0.887 0.054 112);
}
.element {
color: var(--april-showers);
background-color: hsl(66 38% 79%);
border-color: oklch(0.887 0.054 112);
}Tailwind CSS v4
@theme {
--color-april-showers: #dadeb5;
--color-april-showers-50: #f4f7e6;
--color-april-showers-100: #e7ead6;
--color-april-showers-200: #d3d7bd;
--color-april-showers-300: #b6bb9b;
--color-april-showers-400: #9fa27d;
--color-april-showers-500: #878a60;
--color-april-showers-600: #727552;
--color-april-showers-700: #5b5e41;
--color-april-showers-800: #43442e;
--color-april-showers-900: #2e2f1f;
--color-april-showers-950: #1b1c0f;
}SCSS
$april-showers: #dadeb5;
$april-showers-rgb: 218, 222, 181;
$april-showers-light: mix(#fff, $april-showers, 20%);
$april-showers-dark: mix(#000, $april-showers, 20%);
.element {
color: $april-showers;
box-shadow: 0 0 0 2px rgba($april-showers, 0.35);
}