Benannte Farbe · #FF0077
Guns N’ Roses
Guns N’ Roses ist #FF0077: rgb(255 0 119), hsl(332 100% 50%), oklch(0.643 0.258 5.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Guns N’ Roses color name →
#FF0077
oklch(0.643 0.258 5.3)
Farbumrechnungen
- HEX
- #ff0077
- RGB
- rgb(255 0 119)
- HSL
- hsl(332 100% 50%)
- HWB
- hwb(332 0% 0%)
- OKLCH
- oklch(0.643 0.258 5.3)
- OKLab
- oklab(0.643 0.257 0.024)
- CIE Lab
- lab(55.45 83.4 10.99)
- LCH
- lch(55.45 84.13 7.5)
- CMYK
- cmyk(0% 100% 53% 0%)
Tints · Shades · Tones
Tints
- FF3F84
- FF5D91
- FF769E
- FF8BAB
- FFA0B9
- FFB4C7
- FFC7D4
- FFDAE2
- FFECF1
Shades
- DE0067
- BE0057
- 9E0047
- 800038
- 63002A
- 48001C
- 2E0010
- 160005
- 030001
Tones
- F42E78
- E94179
- DD4E7A
- D2597B
- C6627C
- B96A7D
- AC707D
- 9E767E
- 907B7F
Farbharmonien
Komplementär +180°
- FF0077
Guns N’ Roses
- 00A396
≈ Tyrolite Blue-Green
Analog -30° +30°
- FF0077
Guns N’ Roses
- E32EC8
≈ Kriss Me Not Fuchsia
- F64200
≈ Chéng Hóng Sè Orange
Triadisch +120° +240°
- FF0077
Guns N’ Roses
- 769D00
≈ Luminescent Green
- 0093E8
≈ Pervenche
Geteilt komplementär +150° +210°
- FF0077
Guns N’ Roses
- 00A861
≈ Greedo Green
- 009EB8
≈ Brilliant Sea
Tetradisch +90° +180° +270°
- FF0077
Guns N’ Roses
- A68B00
≈ Strong Mustard
- 00A396
≈ Tyrolite Blue-Green
- 6F7CFF
≈ Stargate Shimmer
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.80:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.51:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.51:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--guns-n-roses: #ff0077;
--guns-n-roses-rgb: 255 0 119;
--guns-n-roses-oklch: oklch(0.643 0.258 5.3);
}
.element {
color: var(--guns-n-roses);
background-color: hsl(332 100% 50%);
border-color: oklch(0.643 0.258 5.3);
}Tailwind CSS v4
@theme {
--color-guns-n-roses: #ff0077;
--color-guns-n-roses-50: #ffd6e8;
--color-guns-n-roses-100: #ffc3d9;
--color-guns-n-roses-200: #ffa2c1;
--color-guns-n-roses-300: #ff73a0;
--color-guns-n-roses-400: #ff3e89;
--color-guns-n-roses-500: #ff006e;
--color-guns-n-roses-600: #d8005d;
--color-guns-n-roses-700: #ae004a;
--color-guns-n-roses-800: #810039;
--color-guns-n-roses-900: #5c0027;
--color-guns-n-roses-950: #3e0015;
}SCSS
$guns-n-roses: #ff0077;
$guns-n-roses-rgb: 255, 0, 119;
$guns-n-roses-light: mix(#fff, $guns-n-roses, 20%);
$guns-n-roses-dark: mix(#000, $guns-n-roses, 20%);
.element {
color: $guns-n-roses;
box-shadow: 0 0 0 2px rgba($guns-n-roses, 0.35);
}