Benannte Farbe · #AA0044
Pickled Beets
Pickled Beets ist #AA0044: rgb(170 0 68), hsl(336 100% 33%), oklch(0.472 0.189 9.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pickled Beets color name →
#AA0044
oklch(0.472 0.189 9.3)
Farbumrechnungen
- HEX
- #aa0044
- RGB
- rgb(170 0 68)
- HSL
- hsl(336 100% 33%)
- HWB
- hwb(336 0% 33%)
- OKLCH
- oklch(0.472 0.189 9.3)
- OKLab
- oklab(0.472 0.186 0.031)
- CIE Lab
- lab(36.54 61.14 13.71)
- LCH
- lch(36.54 62.66 12.6)
- CMYK
- cmyk(0% 100% 60% 33%)
Tints · Shades · Tones
Tints
- B63155
- C14C66
- CB6478
- D57A8A
- DE909D
- E6A6B0
- EDBCC3
- F4D2D7
- FAE9EB
Shades
- 93003A
- 7D0030
- 680026
- 53001D
- 3F0014
- 2D000C
- 1B0005
- 0B0002
- 010000
Tones
- A8214A
- A53250
- A33F56
- 9F4B5C
- 9C5562
- 985E68
- 93676E
- 8D7074
- 87787A
Farbharmonien
Komplementär +180°
- AA0044
Pickled Beets
- 006A65
≈ Fashion Blue
Analog -30° +30°
- AA0044
Pickled Beets
- 99187D
≈ Haunted Purple
- 9D3200
≈ Chocolate Fondue
Triadisch +120° +240°
- AA0044
Pickled Beets
- 446800
≈ Tatzelwurm Green
- 005EA1
≈ Drakenhof Nightshade
Geteilt komplementär +150° +210°
- AA0044
Pickled Beets
- 006D45
≈ Rainforest Retreat
- 00667C
≈ Workshop Blue
Tetradisch +90° +180° +270°
- AA0044
Pickled Beets
- 695C00
≈ Brussels Sprout Green
- 006A65
≈ Fashion Blue
- 4C43C1
≈ Royal Nightcore
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.51:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--pickled-beets: #aa0044;
--pickled-beets-rgb: 170 0 68;
--pickled-beets-oklch: oklch(0.472 0.189 9.3);
}
.element {
color: var(--pickled-beets);
background-color: hsl(336 100% 33%);
border-color: oklch(0.472 0.189 9.3);
}Tailwind CSS v4
@theme {
--color-pickled-beets: #aa0044;
--color-pickled-beets-50: #ffe0e7;
--color-pickled-beets-100: #ffced8;
--color-pickled-beets-200: #ffb2c0;
--color-pickled-beets-300: #ff8b9f;
--color-pickled-beets-400: #f76686;
--color-pickled-beets-500: #e63a6b;
--color-pickled-beets-600: #c2335b;
--color-pickled-beets-700: #9c2948;
--color-pickled-beets-800: #741c37;
--color-pickled-beets-900: #521325;
--color-pickled-beets-950: #360314;
}SCSS
$pickled-beets: #aa0044;
$pickled-beets-rgb: 170, 0, 68;
$pickled-beets-light: mix(#fff, $pickled-beets, 20%);
$pickled-beets-dark: mix(#000, $pickled-beets, 20%);
.element {
color: $pickled-beets;
box-shadow: 0 0 0 2px rgba($pickled-beets, 0.35);
}