Adlandırılmış renk · #F36363
Firecracker Salmon
Firecracker Salmon, #F36363: rgb(243 99 99), hsl(0 86% 67%), oklch(0.682 0.178 23). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Firecracker Salmon color name →
#F36363
oklch(0.682 0.178 23)
Renk dönüşümleri
- HEX
- #f36363
- RGB
- rgb(243 99 99)
- HSL
- hsl(0 86% 67%)
- HWB
- hwb(0 39% 5%)
- OKLCH
- oklch(0.682 0.178 23)
- OKLab
- oklab(0.682 0.164 0.07)
- CIE Lab
- lab(61.34 56.37 30.05)
- LCH
- lch(61.34 63.88 28.1)
- CMYK
- cmyk(0% 59% 59% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F77572
- FA8582
- FC9591
- FEA5A0
- FFB4B0
- FFC3BF
- FFD2CF
- FFE1DF
- FFF0EF
Koyu tonlar
- D35555
- B44747
- 973A3A
- 7A2E2E
- 5E2121
- 441616
- 2B0B0B
- 140303
- 030000
Gri tonlar
- E86866
- DE6C6A
- D3706D
- C87470
- BD7773
- B17976
- A67B78
- 9A7D7B
- 8D7F7E
Renk uyumları
Tamamlayıcı +180°
- F36363
Firecracker Salmon
- 00ADB9
≈ Placid Sea
Analog -30° +30°
- F36363
Firecracker Salmon
- E862A2
≈ Fugitive Flamingo
- E87400
≈ Thai Mango
Üçlü +120° +240°
- F36363
Firecracker Salmon
- 49B347
≈ Classic Green
- 6095FF
≈ Blue Chaos
Bölünmüş tamamlayıcı +150° +210°
- F36363
Firecracker Salmon
- 00B391
≈ Victorian Greenhouse
- 00A6E1
≈ Vanadyl Blue
Dörtlü +90° +180° +270°
- F36363
Firecracker Salmon
- 9AA200
≈ Fistfull of Green
- 00ADB9
≈ Placid Sea
- 9F7FFB
≈ Forgotten Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.09:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.77:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.77:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--firecracker-salmon: #f36363;
--firecracker-salmon-rgb: 243 99 99;
--firecracker-salmon-oklch: oklch(0.682 0.178 23);
}
.element {
color: var(--firecracker-salmon);
background-color: hsl(0 86% 67%);
border-color: oklch(0.682 0.178 23);
}Tailwind CSS v4
@theme {
--color-firecracker-salmon: #f36363;
--color-firecracker-salmon-50: #ffe2dc;
--color-firecracker-salmon-100: #ffd1ca;
--color-firecracker-salmon-200: #ffb6ae;
--color-firecracker-salmon-300: #ff9189;
--color-firecracker-salmon-400: #f56d6b;
--color-firecracker-salmon-500: #e4454b;
--color-firecracker-salmon-600: #c03c40;
--color-firecracker-salmon-700: #9b3033;
--color-firecracker-salmon-800: #742126;
--color-firecracker-salmon-900: #521619;
--color-firecracker-salmon-950: #36060a;
}SCSS
$firecracker-salmon: #f36363;
$firecracker-salmon-rgb: 243, 99, 99;
$firecracker-salmon-light: mix(#fff, $firecracker-salmon, 20%);
$firecracker-salmon-dark: mix(#000, $firecracker-salmon, 20%);
.element {
color: $firecracker-salmon;
box-shadow: 0 0 0 2px rgba($firecracker-salmon, 0.35);
}