Benannte Farbe · #AA2F78
Festival Fuchsia
Festival Fuchsia ist #AA2F78: rgb(170 47 120), hsl(324 57% 43%), oklch(0.515 0.174 348.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Festival Fuchsia color name →
#AA2F78
oklch(0.515 0.174 348.5)
Farbumrechnungen
- HEX
- #aa2f78
- RGB
- rgb(170 47 120)
- HSL
- hsl(324 57% 43%)
- HWB
- hwb(324 18% 33%)
- OKLCH
- oklch(0.515 0.174 348.5)
- OKLab
- oklab(0.515 0.171 -0.035)
- CIE Lab
- lab(41.41 54.86 -12.4)
- LCH
- lch(41.41 56.24 347.3)
- CMYK
- cmyk(0% 72% 29% 33%)
Tints · Shades · Tones
Tints
- B54785
- BF5D92
- C9729F
- D286AC
- DB9ABA
- E3AEC7
- EBC2D5
- F2D6E3
- F9EBF1
Shades
- 932767
- 7D2057
- 681948
- 531239
- 3F0C2A
- 2D061D
- 1B0310
- 0B0105
- 010001
Tones
- A73B79
- A4457A
- A14E7B
- 9D567B
- 9A5E7C
- 95657D
- 916C7E
- 8C737F
- 867A7F
Farbharmonien
Komplementär +180°
- AA2F78
Festival Fuchsia
- 007A5D
≈ Emerald Dream
Analog -30° +30°
- AA2F78
Festival Fuchsia
- 903DA6
≈ Akebi Purple
- B62B3F
≈ Timeless Beauty
Triadisch +120° +240°
- AA2F78
Festival Fuchsia
- 6E6C00
≈ Worn Olive
- 007295
≈ Enchanted Blue
Geteilt komplementär +150° +210°
- AA2F78
Festival Fuchsia
- 2D7C00
≈ Tree Green
- 00777A
≈ Prismarine
Tetradisch +90° +180° +270°
- AA2F78
Festival Fuchsia
- 895F00
≈ Rat Brown
- 007A5D
≈ Emerald Dream
- 1A62C9
≈ Royal Navy Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.20:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.38:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--festival-fuchsia: #aa2f78;
--festival-fuchsia-rgb: 170 47 120;
--festival-fuchsia-oklch: oklch(0.515 0.174 348.5);
}
.element {
color: var(--festival-fuchsia);
background-color: hsl(324 57% 43%);
border-color: oklch(0.515 0.174 348.5);
}Tailwind CSS v4
@theme {
--color-festival-fuchsia: #aa2f78;
--color-festival-fuchsia-50: #ffe1fc;
--color-festival-fuchsia-100: #ffd1f0;
--color-festival-fuchsia-200: #ffb5de;
--color-festival-fuchsia-300: #f990c3;
--color-festival-fuchsia-400: #e76eaf;
--color-festival-fuchsia-500: #d44999;
--color-festival-fuchsia-600: #b33f81;
--color-festival-fuchsia-700: #903268;
--color-festival-fuchsia-800: #6a234e;
--color-festival-fuchsia-900: #4b1836;
--color-festival-fuchsia-950: #310821;
}SCSS
$festival-fuchsia: #aa2f78;
$festival-fuchsia-rgb: 170, 47, 120;
$festival-fuchsia-light: mix(#fff, $festival-fuchsia, 20%);
$festival-fuchsia-dark: mix(#000, $festival-fuchsia, 20%);
.element {
color: $festival-fuchsia;
box-shadow: 0 0 0 2px rgba($festival-fuchsia, 0.35);
}