Benannte Farbe · #FF0099
Big Bang Pink
Big Bang Pink ist #FF0099: rgb(255 0 153), hsl(324 100% 50%), oklch(0.653 0.268 354.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Big Bang Pink color name →
#FF0099
oklch(0.653 0.268 354.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FF40A3
- FF5EAD
- FF76B7
- FF8CC1
- FFA0CB
- FFB4D5
- FFC7E0
- FFDAEA
- FFEDF4
Shades
- DE0084
- BE0070
- 9E005D
- 80004A
- 630038
- 480027
- 2E0017
- 160008
- 030001
Tones
- F42E97
- E94194
- DD4F92
- D1598F
- C5628D
- B96A8A
- AC7088
- 9E7685
- 907B83
Farbharmonien
Komplementär +180°
- FF0099
Big Bang Pink
- 00A88B
≈ Moray Eel
Analog -30° +30°
- FF0099
Big Bang Pink
- DB37E8
≈ Apple II Magenta
- FF3840
≈ Devil’s Advocate
Triadisch +120° +240°
- FF0099
Big Bang Pink
- 8F9A00
≈ Pea Soup
- 009CD7
≈ Structural Blue
Geteilt komplementär +150° +210°
- FF0099
Big Bang Pink
- 00AE2C
≈ Kelley Green
- 00A3B0
≈ Garish Blue
Tetradisch +90° +180° +270°
- FF0099
Big Bang Pink
- B68800
≈ Letter Jacket
- 00A88B
≈ Moray Eel
- 5788FF
≈ Skinny Jeans
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.67:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.71:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 5.71:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
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);
}