Colore con nome · #D26F16
Autumn Maple
Autumn Maple è #D26F16: rgb(210 111 22), hsl(28 81% 45%), oklch(0.644 0.153 54.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Autumn Maple color name →
#D26F16
oklch(0.644 0.153 54.7)
Conversioni di colore
- HEX
- #d26f16
- RGB
- rgb(210 111 22)
- HSL
- hsl(28 81% 45%)
- HWB
- hwb(28 9% 18%)
- OKLCH
- oklch(0.644 0.153 54.7)
- OKLab
- oklab(0.644 0.089 0.125)
- CIE Lab
- lab(57.83 36.17 60.94)
- LCH
- lch(57.83 70.86 59.3)
- CMYK
- cmyk(0% 47% 90% 18%)
Tinte · Ombre · Toni
Tinte
- D87E3A
- DE8D54
- E39B6B
- E8AA80
- ECB896
- F1C6AB
- F5D4C0
- F9E3D5
- FCF1EA
Ombre
- B66012
- 9B510D
- 814209
- 683406
- 502703
- 391A02
- 240E01
- 100400
- 020100
Toni
- CA722C
- C3743A
- BB7746
- B37950
- AB7A5A
- A37C62
- 9B7D6A
- 927E72
- 897F79
Armonie di colore
Complementare +180°
- D26F16
Autumn Maple
- 0099D3
≈ Blithe
Analogo -30° +30°
- D26F16
Autumn Maple
- DB625D
≈ Salami Slice
- B28500
≈ Arrowwood
Triadico +120° +240°
- D26F16
Autumn Maple
- 00A588
≈ Brilliant Turquoise
- 9577E0
≈ Matt Purple
Complementare divisa +150° +210°
- D26F16
Autumn Maple
- 00A0AD
≈ Riviera
- 5E89EA
≈ Soft Blue
Tetradico +90° +180° +270°
- D26F16
Autumn Maple
- 47A54D
≈ Fruit Salad
- 0099D3
≈ Blithe
- BA69C0
≈ Lavendless
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.48:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.02:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.02:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--autumn-maple: #d26f16;
--autumn-maple-rgb: 210 111 22;
--autumn-maple-oklch: oklch(0.644 0.153 54.7);
}
.element {
color: var(--autumn-maple);
background-color: hsl(28 81% 45%);
border-color: oklch(0.644 0.153 54.7);
}Tailwind CSS v4
@theme {
--color-autumn-maple: #d26f16;
--color-autumn-maple-50: #ffebcb;
--color-autumn-maple-100: #ffdcb7;
--color-autumn-maple-200: #ffc494;
--color-autumn-maple-300: #f3a266;
--color-autumn-maple-400: #e28339;
--color-autumn-maple-500: #d06300;
--color-autumn-maple-600: #b05500;
--color-autumn-maple-700: #8d4300;
--color-autumn-maple-800: #6a3000;
--color-autumn-maple-900: #4a2000;
--color-autumn-maple-950: #310f00;
}SCSS
$autumn-maple: #d26f16;
$autumn-maple-rgb: 210, 111, 22;
$autumn-maple-light: mix(#fff, $autumn-maple, 20%);
$autumn-maple-dark: mix(#000, $autumn-maple, 20%);
.element {
color: $autumn-maple;
box-shadow: 0 0 0 2px rgba($autumn-maple, 0.35);
}