Benannte Farbe · #E9874E
Autumn Glimmer
Autumn Glimmer ist #E9874E: rgb(233 135 78), hsl(22 78% 61%), oklch(0.718 0.14 49.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Autumn Glimmer color name →
#E9874E
oklch(0.718 0.14 49.3)
Farbumrechnungen
- HEX
- #e9874e
- RGB
- rgb(233 135 78)
- HSL
- hsl(22 78% 61%)
- HWB
- hwb(22 31% 9%)
- OKLCH
- oklch(0.718 0.14 49.3)
- OKLab
- oklab(0.718 0.091 0.106)
- CIE Lab
- lab(66.49 34.99 46.92)
- LCH
- lch(66.49 58.53 53.3)
- CMYK
- cmyk(0% 42% 67% 9%)
Tints · Shades · Tones
Tints
- EC9462
- F0A074
- F3AC86
- F5B897
- F8C4A9
- FAD0BA
- FCDCCB
- FDE7DC
- FEF3EE
Shades
- CB7543
- AD6338
- 90512D
- 744123
- 5A3119
- 41210F
- 291307
- 130602
- 030100
Tones
- DF8755
- D5875C
- CA8761
- C08667
- B6866C
- AB8570
- A18475
- 968379
- 8B817C
Farbharmonien
Komplementär +180°
- E9874E
Autumn Glimmer
- 0FB3EA
≈ Lynx Screen Blue
Analog -30° +30°
- E9874E
Autumn Glimmer
- EF7D80
≈ Meat
- D29822
≈ Saffron Yellow
Triadisch +120° +240°
- E9874E
Autumn Glimmer
- 16BF95
≈ Blarney
- A294F5
≈ Cobalite
Geteilt komplementär +150° +210°
- E9874E
Autumn Glimmer
- 00BBC1
≈ Montego Bay
- 6DA4FB
≈ Âbi Blue
Tetradisch +90° +180° +270°
- E9874E
Autumn Glimmer
- 73B961
≈ Palm Tree
- 0FB3EA
≈ Lynx Screen Blue
- CA86DB
≈ Blush Essence
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.61:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.04:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--autumn-glimmer: #e9874e;
--autumn-glimmer-rgb: 233 135 78;
--autumn-glimmer-oklch: oklch(0.718 0.14 49.3);
}
.element {
color: var(--autumn-glimmer);
background-color: hsl(22 78% 61%);
border-color: oklch(0.718 0.14 49.3);
}Tailwind CSS v4
@theme {
--color-autumn-glimmer: #e9874e;
--color-autumn-glimmer-50: #ffebd1;
--color-autumn-glimmer-100: #ffdbbe;
--color-autumn-glimmer-200: #ffc49e;
--color-autumn-glimmer-300: #f1a274;
--color-autumn-glimmer-400: #e0834e;
--color-autumn-glimmer-500: #cd641c;
--color-autumn-glimmer-600: #ad561b;
--color-autumn-glimmer-700: #8b4416;
--color-autumn-glimmer-800: #683010;
--color-autumn-glimmer-900: #49210a;
--color-autumn-glimmer-950: #301000;
}SCSS
$autumn-glimmer: #e9874e;
$autumn-glimmer-rgb: 233, 135, 78;
$autumn-glimmer-light: mix(#fff, $autumn-glimmer, 20%);
$autumn-glimmer-dark: mix(#000, $autumn-glimmer, 20%);
.element {
color: $autumn-glimmer;
box-shadow: 0 0 0 2px rgba($autumn-glimmer, 0.35);
}