이름 색상 · #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);
}