Colore con nome · #D9922E
Autumn Blaze
Autumn Blaze è #D9922E: rgb(217 146 46), hsl(35 69% 52%), oklch(0.715 0.138 70.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Autumn Blaze color name →
#D9922E
oklch(0.715 0.138 70.5)
Conversioni di colore
- HEX
- #d9922e
- RGB
- rgb(217 146 46)
- HSL
- hsl(35 69% 52%)
- HWB
- hwb(35 18% 15%)
- OKLCH
- oklch(0.715 0.138 70.5)
- OKLab
- oklab(0.715 0.046 0.131)
- CIE Lab
- lab(66.68 21.78 60.45)
- LCH
- lch(66.68 64.26 70.2)
- CMYK
- cmyk(0% 33% 79% 15%)
Tinte · Ombre · Toni
Tinte
- DD9D4B
- E2A862
- E6B377
- EABE8B
- EEC99F
- F2D4B2
- F5DFC6
- F9E9D9
- FCF4EC
Ombre
- BC7E27
- A16B1F
- 865818
- 6C4612
- 53350B
- 3B2506
- 251602
- 110801
- 020100
Toni
- D0913D
- C78F49
- BF8E52
- B68C5B
- AD8A62
- A48969
- 9B876F
- 928575
- 89827B
Armonie di colore
Complementare +180°
- D9922E
Autumn Blaze
- 5AA8F6
≈ Joust Blue
Analogo -30° +30°
- D9922E
Autumn Blaze
- EB825D
≈ Mesa Sunrise
- B7A425
≈ Pickle Juice
Triadico +120° +240°
- D9922E
Autumn Blaze
- 00BBB5
≈ Jade Gravel
- BE89E3
≈ Luminous Lavender
Complementare divisa +150° +210°
- D9922E
Autumn Blaze
- 00B5DC
≈ Blue Atoll
- 9498F7
≈ Periwinkle Blue
Tetradico +90° +180° +270°
- D9922E
Autumn Blaze
- 3EBD85
≈ Greenish Teal
- 5AA8F6
≈ Joust Blue
- DC7EBD
≈ Pink Punk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.59:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.10:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.10:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--autumn-blaze: #d9922e;
--autumn-blaze-rgb: 217 146 46;
--autumn-blaze-oklch: oklch(0.715 0.138 70.5);
}
.element {
color: var(--autumn-blaze);
background-color: hsl(35 69% 52%);
border-color: oklch(0.715 0.138 70.5);
}Tailwind CSS v4
@theme {
--color-autumn-blaze: #d9922e;
--color-autumn-blaze-50: #fff0ca;
--color-autumn-blaze-100: #ffe1b5;
--color-autumn-blaze-200: #f9cb92;
--color-autumn-blaze-300: #e3ac63;
--color-autumn-blaze-400: #d28e33;
--color-autumn-blaze-500: #be7200;
--color-autumn-blaze-600: #a16100;
--color-autumn-blaze-700: #814d00;
--color-autumn-blaze-800: #613700;
--color-autumn-blaze-900: #442600;
--color-autumn-blaze-950: #2c1400;
}SCSS
$autumn-blaze: #d9922e;
$autumn-blaze-rgb: 217, 146, 46;
$autumn-blaze-light: mix(#fff, $autumn-blaze, 20%);
$autumn-blaze-dark: mix(#000, $autumn-blaze, 20%);
.element {
color: $autumn-blaze;
box-shadow: 0 0 0 2px rgba($autumn-blaze, 0.35);
}