Colore con nome · #E1D9AA
Fresh Willow
Fresh Willow è #E1D9AA: rgb(225 217 170), hsl(51 48% 77%), oklch(0.88 0.062 99.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fresh Willow color name →
#E1D9AA
oklch(0.88 0.062 99.5)
Conversioni di colore
- HEX
- #e1d9aa
- RGB
- rgb(225 217 170)
- HSL
- hsl(51 48% 77%)
- HWB
- hwb(51 67% 12%)
- OKLCH
- oklch(0.88 0.062 99.5)
- OKLab
- oklab(0.88 -0.01 0.061)
- CIE Lab
- lab(86.47 -2.59 24.3)
- LCH
- lch(86.47 24.43 96.1)
- CMYK
- cmyk(0% 4% 24% 12%)
Tinte · Ombre · Toni
Tinte
- E4DDB3
- E7E1BB
- EAE4C4
- EDE8CC
- F0ECD5
- F3F0DD
- F6F4E6
- F9F7EE
- FCFBF7
Ombre
- C4BC93
- A7A17D
- 8B8668
- 706C53
- 56533F
- 3E3B2D
- 27251B
- 12110B
- 020201
Toni
- D7D0A6
- CDC7A2
- C3BE9E
- B9B59A
- AFAC95
- A6A391
- 9C9A8D
- 939189
- 898984
Armonie di colore
Complementare +180°
- E1D9AA
Fresh Willow
- CFD4FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- E1D9AA
Fresh Willow
- F3D1AC
≈ Pekin Chicken
- CAE0B5
≈ Satin Green
Triadico +120° +240°
- E1D9AA
Fresh Willow
- AAE2F4
≈ Atmospheric Soft Blue
- F4C8E5
≈ Venetian Rose
Complementare divisa +150° +210°
- E1D9AA
Fresh Willow
- B9DCFF
≈ Broad Daylight
- E4CDF7
≈ Mousse aux Pruneaux
Tetradico +90° +180° +270°
- E1D9AA
Fresh Willow
- A8E5E0
≈ Silent Ripple
- CFD4FF
≈ Pale Phthalo Blue
- FDC7CE
≈ Sweet Memories
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.70:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--fresh-willow: #e1d9aa;
--fresh-willow-rgb: 225 217 170;
--fresh-willow-oklch: oklch(0.88 0.062 99.5);
}
.element {
color: var(--fresh-willow);
background-color: hsl(51 48% 77%);
border-color: oklch(0.88 0.062 99.5);
}Tailwind CSS v4
@theme {
--color-fresh-willow: #e1d9aa;
--color-fresh-willow-50: #f8f6e2;
--color-fresh-willow-100: #ece9d2;
--color-fresh-willow-200: #d9d6b8;
--color-fresh-willow-300: #beb995;
--color-fresh-willow-400: #a7a075;
--color-fresh-willow-500: #908756;
--color-fresh-willow-600: #7a734a;
--color-fresh-willow-700: #615c3a;
--color-fresh-willow-800: #484329;
--color-fresh-willow-900: #322e1c;
--color-fresh-willow-950: #1e1b0c;
}SCSS
$fresh-willow: #e1d9aa;
$fresh-willow-rgb: 225, 217, 170;
$fresh-willow-light: mix(#fff, $fresh-willow, 20%);
$fresh-willow-dark: mix(#000, $fresh-willow, 20%);
.element {
color: $fresh-willow;
box-shadow: 0 0 0 2px rgba($fresh-willow, 0.35);
}