Benannte Farbe · #E67C41
Solar Flare
Solar Flare ist #E67C41: rgb(230 124 65), hsl(21 77% 58%), oklch(0.695 0.15 47.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Solar Flare color name →
#E67C41
oklch(0.695 0.15 47.6)
Farbumrechnungen
- HEX
- #e67c41
- RGB
- rgb(230 124 65)
- HSL
- hsl(21 77% 58%)
- HWB
- hwb(21 25% 10%)
- OKLCH
- oklch(0.695 0.15 47.6)
- OKLab
- oklab(0.695 0.101 0.111)
- CIE Lab
- lab(63.65 38.74 50.15)
- LCH
- lch(63.65 63.37 52.3)
- CMYK
- cmyk(0% 46% 72% 10%)
Tints · Shades · Tones
Tints
- EA8A57
- EE976B
- F1A57E
- F4B291
- F7BFA3
- F9CCB5
- FBD9C8
- FDE5DA
- FEF2EC
Shades
- C86B37
- AB5A2E
- 8E4A25
- 733B1C
- 592C13
- 401E0B
- 281105
- 130501
- 030100
Tones
- DC7D4A
- D27F52
- C97F5A
- BF8060
- B58166
- AB816C
- A08171
- 968177
- 8B807B
Farbharmonien
Komplementär +180°
- E67C41
Solar Flare
- 00ACDE
≈ Blue Fire
Analog -30° +30°
- E67C41
Solar Flare
- EB727A
≈ Pastrami
- CE8F00
≈ End of Summer
Triadisch +120° +240°
- E67C41
Solar Flare
- 00B88B
≈ Green Velour
- 998CF4
≈ Perrywinkle
Geteilt komplementär +150° +210°
- E67C41
Solar Flare
- 00B3B7
≈ Cyan Sky
- 5E9DF8
≈ Blue Chaos
Tetradisch +90° +180° +270°
- E67C41
Solar Flare
- 6CB250
≈ Pure Apple
- 00ACDE
≈ Blue Fire
- C37DD9
≈ Lavender Perceptions
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.32:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--solar-flare: #e67c41;
--solar-flare-rgb: 230 124 65;
--solar-flare-oklch: oklch(0.695 0.15 47.6);
}
.element {
color: var(--solar-flare);
background-color: hsl(21 77% 58%);
border-color: oklch(0.695 0.15 47.6);
}Tailwind CSS v4
@theme {
--color-solar-flare: #e67c41;
--color-solar-flare-50: #ffead0;
--color-solar-flare-100: #ffdabc;
--color-solar-flare-200: #ffc29b;
--color-solar-flare-300: #f5a070;
--color-solar-flare-400: #e58049;
--color-solar-flare-500: #d2600f;
--color-solar-flare-600: #b25213;
--color-solar-flare-700: #8f410f;
--color-solar-flare-800: #6b2e0c;
--color-solar-flare-900: #4b1f07;
--color-solar-flare-950: #310e00;
}SCSS
$solar-flare: #e67c41;
$solar-flare-rgb: 230, 124, 65;
$solar-flare-light: mix(#fff, $solar-flare, 20%);
$solar-flare-dark: mix(#000, $solar-flare, 20%);
.element {
color: $solar-flare;
box-shadow: 0 0 0 2px rgba($solar-flare, 0.35);
}