Colore con nome · #EDD6AE
Ashwood
Ashwood è #EDD6AE: rgb(237 214 174), hsl(38 64% 81%), oklch(0.885 0.058 81.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ashwood color name →
#EDD6AE
oklch(0.885 0.058 81.4)
Conversioni di colore
- HEX
- #edd6ae
- RGB
- rgb(237 214 174)
- HSL
- hsl(38 64% 81%)
- HWB
- hwb(38 68% 7%)
- OKLCH
- oklch(0.885 0.058 81.4)
- OKLab
- oklab(0.885 0.009 0.058)
- CIE Lab
- lab(86.81 3.83 22.9)
- LCH
- lch(86.81 23.21 80.5)
- CMYK
- cmyk(0% 10% 27% 7%)
Tinte · Ombre · Toni
Tinte
- EFDAB6
- F1DEBE
- F3E2C6
- F4E6CF
- F6EBD7
- F8EFDF
- FAF3E7
- FBF7EF
- FDFBF7
Ombre
- CEBA97
- B09E80
- 93846A
- 776A55
- 5C5241
- 423B2E
- 2A251C
- 14100B
- 030201
Toni
- E2CDAA
- D6C4A5
- CBBBA0
- C0B39C
- B5AA97
- AAA293
- 9F998E
- 959189
- 8A8885
Armonie di colore
Complementare +180°
- EDD6AE
Ashwood
- C5DAFF
≈ Arc Light
Analogo -30° +30°
- EDD6AE
Ashwood
- FACFB7
≈ Ibis Pink
- DADEB1
≈ Timid Absinthe
Triadico +120° +240°
- EDD6AE
Ashwood
- ACE5E9
≈ Uranus
- ECCDF1
≈ Bubblegum Crisis
Complementare divisa +150° +210°
- EDD6AE
Ashwood
- B3E1F9
≈ Fairy Sparkles
- D9D3FE
≈ Pale Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.83:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.83:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--ashwood: #edd6ae;
--ashwood-rgb: 237 214 174;
--ashwood-oklch: oklch(0.885 0.058 81.4);
}
.element {
color: var(--ashwood);
background-color: hsl(38 64% 81%);
border-color: oklch(0.885 0.058 81.4);
}Tailwind CSS v4
@theme {
--color-ashwood: #edd6ae;
--color-ashwood-50: #fdf4e3;
--color-ashwood-100: #f1e7d2;
--color-ashwood-200: #e0d3b9;
--color-ashwood-300: #c6b596;
--color-ashwood-400: #b09b77;
--color-ashwood-500: #9a8359;
--color-ashwood-600: #826f4c;
--color-ashwood-700: #68583c;
--color-ashwood-800: #4d402b;
--color-ashwood-900: #362c1d;
--color-ashwood-950: #21190d;
}SCSS
$ashwood: #edd6ae;
$ashwood-rgb: 237, 214, 174;
$ashwood-light: mix(#fff, $ashwood, 20%);
$ashwood-dark: mix(#000, $ashwood, 20%);
.element {
color: $ashwood;
box-shadow: 0 0 0 2px rgba($ashwood, 0.35);
}