Nazwany kolor · #EAE6CC
Fresh Wood Ashes
Fresh Wood Ashes to #EAE6CC: rgb(234 230 204), hsl(52 42% 86%), oklch(0.921 0.035 99.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fresh Wood Ashes color name →
#EAE6CC
oklch(0.921 0.035 99.9)
Konwersje koloru
- HEX
- #eae6cc
- RGB
- rgb(234 230 204)
- HSL
- hsl(52 42% 86%)
- HWB
- hwb(52 80% 8%)
- OKLCH
- oklch(0.921 0.035 99.9)
- OKLab
- oklab(0.921 -0.006 0.034)
- CIE Lab
- lab(91.1 -1.81 13.23)
- LCH
- lch(91.1 13.36 97.8)
- CMYK
- cmyk(0% 2% 13% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECE9D1
- EEEBD6
- F0EEDB
- F2F0E0
- F4F3E5
- F7F5EB
- F9F8F0
- FBFAF5
- FDFDFA
Odcienie ciemniejsze
- CBC8B1
- AEAB97
- 918E7E
- 757365
- 5A594E
- 414037
- 292822
- 13130F
- 030302
Tony
- DFDBC4
- D4D1BC
- C9C6B5
- BEBCAD
- B4B2A5
- A9A89E
- 9F9D96
- 94948F
- 8A8A87
Harmonie kolorów
Komplementarna +180°
- EAE6CC
Fresh Wood Ashes
- E0E3FC
≈ Lavender Mist
Analogowa -30° +30°
- EAE6CC
Fresh Wood Ashes
- F5E2CD
≈ Warm Fuzzies
- DDEAD2
≈ Whiff of Green
Triada +120° +240°
- EAE6CC
Fresh Wood Ashes
- CDEBF5
≈ Frosty Day
- F6DCEC
≈ Cherry Flower
Komplementarna rozszczepiona +150° +210°
- EAE6CC
Fresh Wood Ashes
- D4E7FC
≈ Veiling Waterfalls
- ECDFF7
≈ Divine Dove
Tetrada +90° +180° +270°
- EAE6CC
Fresh Wood Ashes
- CCEDEA
≈ Icy Blue
- E0E3FC
≈ Lavender Mist
- FBDCE0
≈ Marshmallow Heart
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.68:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.68:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-wood-ashes: #eae6cc;
--fresh-wood-ashes-rgb: 234 230 204;
--fresh-wood-ashes-oklch: oklch(0.921 0.035 99.9);
}
.element {
color: var(--fresh-wood-ashes);
background-color: hsl(52 42% 86%);
border-color: oklch(0.921 0.035 99.9);
}Tailwind CSS v4
@theme {
--color-fresh-wood-ashes: #eae6cc;
--color-fresh-wood-ashes-50: #f7f6eb;
--color-fresh-wood-ashes-100: #eae8dc;
--color-fresh-wood-ashes-200: #d7d5c4;
--color-fresh-wood-ashes-300: #bbb8a4;
--color-fresh-wood-ashes-400: #a39f88;
--color-fresh-wood-ashes-500: #8b876d;
--color-fresh-wood-ashes-600: #76725c;
--color-fresh-wood-ashes-700: #5e5b4a;
--color-fresh-wood-ashes-800: #454335;
--color-fresh-wood-ashes-900: #302e24;
--color-fresh-wood-ashes-950: #1c1b13;
}SCSS
$fresh-wood-ashes: #eae6cc;
$fresh-wood-ashes-rgb: 234, 230, 204;
$fresh-wood-ashes-light: mix(#fff, $fresh-wood-ashes, 20%);
$fresh-wood-ashes-dark: mix(#000, $fresh-wood-ashes, 20%);
.element {
color: $fresh-wood-ashes;
box-shadow: 0 0 0 2px rgba($fresh-wood-ashes, 0.35);
}