Cor nomeada · #F96653
Rose Fusion
Rose Fusion é #F96653: rgb(249 102 83), hsl(7 93% 65%), oklch(0.692 0.184 29.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rose Fusion color name →
#F96653
oklch(0.692 0.184 29.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FC7865
- FE8876
- FF9887
- FFA798
- FFB6A9
- FFC5BA
- FFD4CB
- FFE2DC
- FFF1EE
Sombras
- D95847
- B94A3B
- 9A3C30
- 7D2F25
- 61231B
- 461711
- 2C0C08
- 150402
- 030000
Tons
- EE6B59
- E26F5E
- D77363
- CB7668
- C0786D
- B47A71
- A77C75
- 9B7E79
- 8E7F7C
Harmonias de cor
Complementar +180°
- F96653
Rose Fusion
- 00B0C5
≈ Antigua Blue
Análoga -30° +30°
- F96653
Rose Fusion
- F26298
≈ Medium Pink
- E37F00
≈ Sports Fan
Tríade +120° +240°
- F96653
Rose Fusion
- 1DBA59
≈ Vegan Mastermind
- 7694FF
≈ Blue Chaos
Complementar dividida +150° +210°
- F96653
Rose Fusion
- 00B59F
≈ Aare River
- 00A6F3
≈ Rockman Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.97:1 · APCA Lc 56
Ag
AAASobre preto
WCAG 7.05:1 · APCA Lc 46
Melhor cor de texto: #000000
WCAG 7.05:1 (AAA) · APCA Lc 46
Contrast pairs
Trechos de código
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);
}