Adlandırılmış renk · #EEDAC9
Wilted Leaf
Wilted Leaf, #EEDAC9: rgb(238 218 201), hsl(28 52% 86%), oklch(0.9 0.032 62.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wilted Leaf color name →
#EEDAC9
oklch(0.9 0.032 62.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0DECE
- F1E1D4
- F3E5D9
- F5E9DE
- F7ECE4
- F8F0E9
- FAF4EF
- FCF8F4
- FDFBFA
Koyu tonlar
- CFBDAE
- B1A295
- 93877C
- 776C64
- 5C544C
- 423C36
- 2A2522
- 14110F
- 030202
Gri tonlar
- E2D1C1
- D7C7BA
- CCBEB3
- C1B5AB
- B6ACA4
- ABA39D
- A09A95
- 95918E
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EEDAC9
Wilted Leaf
- CDE1F2
≈ Hint of Blue
Analog -30° +30°
- EEDAC9
Wilted Leaf
- F2D7D1
≈ Global Warming
- E5DEC7
≈ Irresistible Beige
Üçlü +120° +240°
- EEDAC9
Wilted Leaf
- C8E5E0
≈ Moonlight Jade
- E2D9F0
≈ Pouty Purple
Bölünmüş tamamlayıcı +150° +210°
- EEDAC9
Wilted Leaf
- C7E4EB
≈ Surf’s Up
- D7DDF4
≈ Puffy Cloud
Dörtlü +90° +180° +270°
- EEDAC9
Wilted Leaf
- CFE5D4
≈ Peppermint Patty
- CDE1F2
≈ Hint of Blue
- ECD7E7
≈ All Made Up
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.50:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
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);
}