Adlandırılmış renk · #F96653
Rose Fusion
Rose Fusion, #F96653: rgb(249 102 83), hsl(7 93% 65%), oklch(0.692 0.184 29.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rose Fusion color name →
#F96653
oklch(0.692 0.184 29.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FC7865
- FE8876
- FF9887
- FFA798
- FFB6A9
- FFC5BA
- FFD4CB
- FFE2DC
- FFF1EE
Koyu tonlar
- D95847
- B94A3B
- 9A3C30
- 7D2F25
- 61231B
- 461711
- 2C0C08
- 150402
- 030000
Gri tonlar
- EE6B59
- E26F5E
- D77363
- CB7668
- C0786D
- B47A71
- A77C75
- 9B7E79
- 8E7F7C
Renk uyumları
Tamamlayıcı +180°
- F96653
Rose Fusion
- 00B0C5
≈ Antigua Blue
Analog -30° +30°
- F96653
Rose Fusion
- F26298
≈ Medium Pink
- E37F00
≈ Sports Fan
Üçlü +120° +240°
- F96653
Rose Fusion
- 1DBA59
≈ Vegan Mastermind
- 7694FF
≈ Blue Chaos
Bölünmüş tamamlayıcı +150° +210°
- F96653
Rose Fusion
- 00B59F
≈ Aare River
- 00A6F3
≈ Rockman Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.97:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.05:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.05:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
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);
}