Adlandırılmış renk · #FF0099
Big Bang Pink
Big Bang Pink, #FF0099: rgb(255 0 153), hsl(324 100% 50%), oklch(0.653 0.268 354.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Big Bang Pink color name →
#FF0099
oklch(0.653 0.268 354.7)
Renk dönüşümleri
- HEX
- #ff0099
- RGB
- rgb(255 0 153)
- HSL
- hsl(324 100% 50%)
- HWB
- hwb(324 0% 0%)
- OKLCH
- oklch(0.653 0.268 354.7)
- OKLab
- oklab(0.653 0.267 -0.025)
- CIE Lab
- lab(56.27 85.21 -8.17)
- LCH
- lch(56.27 85.6 354.5)
- CMYK
- cmyk(0% 100% 40% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF40A3
- FF5EAD
- FF76B7
- FF8CC1
- FFA0CB
- FFB4D5
- FFC7E0
- FFDAEA
- FFEDF4
Koyu tonlar
- DE0084
- BE0070
- 9E005D
- 80004A
- 630038
- 480027
- 2E0017
- 160008
- 030001
Gri tonlar
- F42E97
- E94194
- DD4F92
- D1598F
- C5628D
- B96A8A
- AC7088
- 9E7685
- 907B83
Renk uyumları
Tamamlayıcı +180°
- FF0099
Big Bang Pink
- 00A88B
≈ Moray Eel
Analog -30° +30°
- FF0099
Big Bang Pink
- DB37E8
≈ Apple II Magenta
- FF3840
≈ Devil’s Advocate
Üçlü +120° +240°
- FF0099
Big Bang Pink
- 8F9A00
≈ Pea Soup
- 009CD7
≈ Structural Blue
Bölünmüş tamamlayıcı +150° +210°
- FF0099
Big Bang Pink
- 00AE2C
≈ Kelley Green
- 00A3B0
≈ Garish Blue
Dörtlü +90° +180° +270°
- FF0099
Big Bang Pink
- B68800
≈ Letter Jacket
- 00A88B
≈ Moray Eel
- 5788FF
≈ Skinny Jeans
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.71:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 5.71:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--big-bang-pink: #ff0099;
--big-bang-pink-rgb: 255 0 153;
--big-bang-pink-oklch: oklch(0.653 0.268 354.7);
}
.element {
color: var(--big-bang-pink);
background-color: hsl(324 100% 50%);
border-color: oklch(0.653 0.268 354.7);
}Tailwind CSS v4
@theme {
--color-big-bang-pink: #ff0099;
--color-big-bang-pink-50: #ffd5f7;
--color-big-bang-pink-100: #ffc1e9;
--color-big-bang-pink-200: #ffa0d6;
--color-big-bang-pink-300: #ff71ba;
--color-big-bang-pink-400: #ff3aa7;
--color-big-bang-pink-500: #fb0090;
--color-big-bang-pink-600: #d4007a;
--color-big-bang-pink-700: #ab0061;
--color-big-bang-pink-800: #7f004b;
--color-big-bang-pink-900: #5a0034;
--color-big-bang-pink-950: #3c001f;
}SCSS
$big-bang-pink: #ff0099;
$big-bang-pink-rgb: 255, 0, 153;
$big-bang-pink-light: mix(#fff, $big-bang-pink, 20%);
$big-bang-pink-dark: mix(#000, $big-bang-pink, 20%);
.element {
color: $big-bang-pink;
box-shadow: 0 0 0 2px rgba($big-bang-pink, 0.35);
}