Warna bernama · #DADEB5
April Showers
April Showers adalah #DADEB5: rgb(218 222 181), hsl(66 38% 79%), oklch(0.887 0.054 112). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · April Showers color name →
#DADEB5
oklch(0.887 0.054 112)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- DEE1BC
- E1E5C4
- E5E8CB
- E9EBD3
- ECEFDA
- F0F2E1
- F4F5E9
- F7F8F0
- FBFCF8
Shade
- BDC19D
- A2A586
- 87896F
- 6C6F59
- 545544
- 3C3D30
- 25261D
- 11120C
- 020202
Tone
- D1D4B0
- C7CBAA
- BEC1A5
- B5B7A0
- ACAE9B
- A3A595
- 9A9B90
- 91928B
- 898985
Harmoni warna
Komplementer +180°
- DADEB5
April Showers
- DAD4FC
≈ Pale Lavender
Analog -30° +30°
- DADEB5
April Showers
- ECD7B2
≈ Golden Syrup
- C6E4C2
≈ Green Myth
Triadik +120° +240°
- DADEB5
April Showers
- B7E1F8
≈ Arctic Paradise
- F8CCDD
≈ Pink Lace
Split-komplementer +150° +210°
- DADEB5
April Showers
- C6DBFF
≈ Arc Light
- EBCEF0
≈ Bubblegum Crisis
Tetradik +90° +180° +270°
- DADEB5
April Showers
- B0E5E9
≈ Winter Escape
- DAD4FC
≈ Pale Lavender
- FCCCCA
≈ Tint of Rose
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.39:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.09:1 · APCA Lc 84
Warna teks terbaik: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
Cuplikan kode
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);
}