Colore con nome · #DA9A21
New England Autumn
New England Autumn è #DA9A21: rgb(218 154 33), hsl(39 74% 49%), oklch(0.73 0.144 77). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · New England Autumn color name →
#DA9A21
oklch(0.73 0.144 77)
Conversioni di colore
- HEX
- #da9a21
- RGB
- rgb(218 154 33)
- HSL
- hsl(39 74% 49%)
- HWB
- hwb(39 13% 15%)
- OKLCH
- oklch(0.73 0.144 77)
- OKLab
- oklab(0.73 0.032 0.141)
- CIE Lab
- lab(68.65 17.83 66.36)
- LCH
- lch(68.65 68.71 75)
- CMYK
- cmyk(0% 29% 85% 15%)
Tinte · Ombre · Toni
Tinte
- DEA444
- E2AF5E
- E6B974
- EAC389
- EECD9D
- F1D7B1
- F5E1C5
- F8EBD8
- FCF5EC
Ombre
- BD851B
- A27116
- 875E10
- 6C4B0B
- 543906
- 3C2703
- 251701
- 110900
- 020100
Toni
- D19836
- C89644
- BF934F
- B69158
- AD8E61
- A48C68
- 9B896F
- 928675
- 89837B
Armonie di colore
Complementare +180°
- DA9A21
New England Autumn
- 6CA9FF
≈ Fennel Flower
Analogo -30° +30°
- DA9A21
New England Autumn
- F08852
≈ Half-Smoke
- B3AD29
≈ Fusion
Triadico +120° +240°
- DA9A21
New England Autumn
- 00BFC3
≈ Cala Benirrás Blue
- CC89E3
≈ Blush Essence
Complementare divisa +150° +210°
- DA9A21
New England Autumn
- 00B8EC
≈ Cyanite
- A398FD
≈ Cobalite
Tetradico +90° +180° +270°
- DA9A21
New England Autumn
- 1EC494
≈ Píng Gǔo Lǜ Green
- 6CA9FF
≈ Fennel Flower
- E880B9
≈ Fuchsia Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.62:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--new-england-autumn: #da9a21;
--new-england-autumn-rgb: 218 154 33;
--new-england-autumn-oklch: oklch(0.73 0.144 77);
}
.element {
color: var(--new-england-autumn);
background-color: hsl(39 74% 49%);
border-color: oklch(0.73 0.144 77);
}Tailwind CSS v4
@theme {
--color-new-england-autumn: #da9a21;
--color-new-england-autumn-50: #fff1c7;
--color-new-england-autumn-100: #ffe3b2;
--color-new-england-autumn-200: #f6cd8d;
--color-new-england-autumn-300: #dfae5c;
--color-new-england-autumn-400: #ce9121;
--color-new-england-autumn-500: #ba7600;
--color-new-england-autumn-600: #9d6400;
--color-new-england-autumn-700: #7e5000;
--color-new-england-autumn-800: #5f3900;
--color-new-england-autumn-900: #422700;
--color-new-england-autumn-950: #2b1500;
}SCSS
$new-england-autumn: #da9a21;
$new-england-autumn-rgb: 218, 154, 33;
$new-england-autumn-light: mix(#fff, $new-england-autumn, 20%);
$new-england-autumn-dark: mix(#000, $new-england-autumn, 20%);
.element {
color: $new-england-autumn;
box-shadow: 0 0 0 2px rgba($new-england-autumn, 0.35);
}