Benannte Farbe · #F96653
Rose Fusion
Rose Fusion ist #F96653: rgb(249 102 83), hsl(7 93% 65%), oklch(0.692 0.184 29.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rose Fusion color name →
#F96653
oklch(0.692 0.184 29.9)
Farbumrechnungen
- HEX
- #f96653
- RGB
- rgb(249 102 83)
- HSL
- hsl(7 93% 65%)
- HWB
- hwb(7 33% 2%)
- OKLCH
- oklch(0.692 0.184 29.9)
- OKLab
- oklab(0.692 0.159 0.092)
- CIE Lab
- lab(62.61 56.48 40.75)
- LCH
- lch(62.61 69.64 35.8)
- CMYK
- cmyk(0% 59% 67% 2%)
Tints · Shades · Tones
Tints
- FC7865
- FE8876
- FF9887
- FFA798
- FFB6A9
- FFC5BA
- FFD4CB
- FFE2DC
- FFF1EE
Shades
- D95847
- B94A3B
- 9A3C30
- 7D2F25
- 61231B
- 461711
- 2C0C08
- 150402
- 030000
Tones
- EE6B59
- E26F5E
- D77363
- CB7668
- C0786D
- B47A71
- A77C75
- 9B7E79
- 8E7F7C
Farbharmonien
Komplementär +180°
- F96653
Rose Fusion
- 00B0C5
≈ Antigua Blue
Analog -30° +30°
- F96653
Rose Fusion
- F26298
≈ Medium Pink
- E37F00
≈ Sports Fan
Triadisch +120° +240°
- F96653
Rose Fusion
- 1DBA59
≈ Vegan Mastermind
- 7694FF
≈ Blue Chaos
Geteilt komplementär +150° +210°
- F96653
Rose Fusion
- 00B59F
≈ Aare River
- 00A6F3
≈ Rockman Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.97:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.05:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.05:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--rose-fusion: #f96653;
--rose-fusion-rgb: 249 102 83;
--rose-fusion-oklch: oklch(0.692 0.184 29.9);
}
.element {
color: var(--rose-fusion);
background-color: hsl(7 93% 65%);
border-color: oklch(0.692 0.184 29.9);
}Tailwind CSS v4
@theme {
--color-rose-fusion: #f96653;
--color-rose-fusion-50: #ffe3d5;
--color-rose-fusion-100: #ffd2c2;
--color-rose-fusion-200: #ffb7a3;
--color-rose-fusion-300: #ff917b;
--color-rose-fusion-400: #f86c5a;
--color-rose-fusion-500: #e64432;
--color-rose-fusion-600: #c33b2c;
--color-rose-fusion-700: #9d2f23;
--color-rose-fusion-800: #75201b;
--color-rose-fusion-900: #531511;
--color-rose-fusion-950: #370504;
}SCSS
$rose-fusion: #f96653;
$rose-fusion-rgb: 249, 102, 83;
$rose-fusion-light: mix(#fff, $rose-fusion, 20%);
$rose-fusion-dark: mix(#000, $rose-fusion, 20%);
.element {
color: $rose-fusion;
box-shadow: 0 0 0 2px rgba($rose-fusion, 0.35);
}