이름 색상 · #EEDAC9
Wilted Leaf
Wilted Leaf은(는) #EEDAC9: rgb(238 218 201), hsl(28 52% 86%), oklch(0.9 0.032 62.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Wilted Leaf color name →
#EEDAC9
oklch(0.9 0.032 62.8)
색상 변환
- HEX
- #eedac9
- RGB
- rgb(238 218 201)
- HSL
- hsl(28 52% 86%)
- HWB
- hwb(28 79% 7%)
- OKLCH
- oklch(0.9 0.032 62.8)
- OKLab
- oklab(0.9 0.015 0.028)
- CIE Lab
- lab(88.36 5.11 11.03)
- LCH
- lch(88.36 12.15 65.1)
- CMYK
- cmyk(0% 8% 16% 7%)
틴트 · 셰이드 · 톤
틴트
- F0DECE
- F1E1D4
- F3E5D9
- F5E9DE
- F7ECE4
- F8F0E9
- FAF4EF
- FCF8F4
- FDFBFA
셰이드
- CFBDAE
- B1A295
- 93877C
- 776C64
- 5C544C
- 423C36
- 2A2522
- 14110F
- 030202
톤
- E2D1C1
- D7C7BA
- CCBEB3
- C1B5AB
- B6ACA4
- ABA39D
- A09A95
- 95918E
- 8A8987
색 조화
보색 +180°
- EEDAC9
Wilted Leaf
- CDE1F2
≈ Hint of Blue
유사색 -30° +30°
- EEDAC9
Wilted Leaf
- F2D7D1
≈ Global Warming
- E5DEC7
≈ Irresistible Beige
삼각 배색 +120° +240°
- EEDAC9
Wilted Leaf
- C8E5E0
≈ Moonlight Jade
- E2D9F0
≈ Pouty Purple
분열 보색 +150° +210°
- EEDAC9
Wilted Leaf
- C7E4EB
≈ Surf’s Up
- D7DDF4
≈ Puffy Cloud
사각 배색 +90° +180° +270°
- EEDAC9
Wilted Leaf
- CFE5D4
≈ Peppermint Patty
- CDE1F2
≈ Hint of Blue
- ECD7E7
≈ All Made Up
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.50:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--wilted-leaf: #eedac9;
--wilted-leaf-rgb: 238 218 201;
--wilted-leaf-oklch: oklch(0.9 0.032 62.8);
}
.element {
color: var(--wilted-leaf);
background-color: hsl(28 52% 86%);
border-color: oklch(0.9 0.032 62.8);
}Tailwind CSS v4
@theme {
--color-wilted-leaf: #eedac9;
--color-wilted-leaf-50: #fcf3ec;
--color-wilted-leaf-100: #f0e6dd;
--color-wilted-leaf-200: #ded2c6;
--color-wilted-leaf-300: #c3b4a7;
--color-wilted-leaf-400: #ad9b8c;
--color-wilted-leaf-500: #968271;
--color-wilted-leaf-600: #7f6e60;
--color-wilted-leaf-700: #66584c;
--color-wilted-leaf-800: #4b4037;
--color-wilted-leaf-900: #342c26;
--color-wilted-leaf-950: #1f1914;
}SCSS
$wilted-leaf: #eedac9;
$wilted-leaf-rgb: 238, 218, 201;
$wilted-leaf-light: mix(#fff, $wilted-leaf, 20%);
$wilted-leaf-dark: mix(#000, $wilted-leaf, 20%);
.element {
color: $wilted-leaf;
box-shadow: 0 0 0 2px rgba($wilted-leaf, 0.35);
}