Benannte Farbe · #A60000
Red Pentacle
Red Pentacle ist #A60000: rgb(166 0 0), hsl(0 100% 33%), oklch(0.455 0.187 29.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Pentacle color name →
#A60000
oklch(0.455 0.187 29.2)
Farbumrechnungen
- HEX
- #a60000
- RGB
- rgb(166 0 0)
- HSL
- hsl(0 100% 33%)
- HWB
- hwb(0 0% 35%)
- OKLCH
- oklch(0.455 0.187 29.2)
- OKLab
- oklab(0.455 0.163 0.091)
- CIE Lab
- lab(34.97 58.6 50.27)
- LCH
- lch(34.97 77.21 40.6)
- CMYK
- cmyk(0% 100% 100% 35%)
Tints · Shades · Tones
Tints
- B23025
- BE4C3F
- C86456
- D27A6D
- DB9185
- E4A79D
- ECBCB5
- F3D3CD
- F9E9E6
Shades
- 900000
- 7A0000
- 650000
- 510000
- 3E0000
- 2B0000
- 1A0000
- 0A0000
- 010000
Tones
- A42118
- A23227
- A03F34
- 9D4B40
- 9A554B
- 965E56
- 926760
- 8D706B
- 877876
Farbharmonien
Komplementär +180°
- A60000
Red Pentacle
- 00626E
≈ Blue Lagoon
Analog -30° +30°
- A60000
Red Pentacle
- 9F0054
≈ Obscure Orchid
- 814500
≈ Dried Mustard
Triadisch +120° +240°
- A60000
Red Pentacle
- 00692B
≈ Ireland Green
- 3046BC
≈ Night in Manchester
Geteilt komplementär +150° +210°
- A60000
Red Pentacle
- 006558
≈ Arizona Stone
- 005D89
≈ Blue Flame
Tetradisch +90° +180° +270°
- A60000
Red Pentacle
- 505E00
≈ Greensboro
- 00626E
≈ Blue Lagoon
- 6830AD
≈ Purple Emperor
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.01:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 8.01:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--red-pentacle: #a60000;
--red-pentacle-rgb: 166 0 0;
--red-pentacle-oklch: oklch(0.455 0.187 29.2);
}
.element {
color: var(--red-pentacle);
background-color: hsl(0 100% 33%);
border-color: oklch(0.455 0.187 29.2);
}Tailwind CSS v4
@theme {
--color-red-pentacle: #a60000;
--color-red-pentacle-50: #ffe2d5;
--color-red-pentacle-100: #ffd1c2;
--color-red-pentacle-200: #ffb6a3;
--color-red-pentacle-300: #ff907b;
--color-red-pentacle-400: #f96b5a;
--color-red-pentacle-500: #e84133;
--color-red-pentacle-600: #c4392c;
--color-red-pentacle-700: #9d2e23;
--color-red-pentacle-800: #761f1b;
--color-red-pentacle-900: #531511;
--color-red-pentacle-950: #370504;
}SCSS
$red-pentacle: #a60000;
$red-pentacle-rgb: 166, 0, 0;
$red-pentacle-light: mix(#fff, $red-pentacle, 20%);
$red-pentacle-dark: mix(#000, $red-pentacle, 20%);
.element {
color: $red-pentacle;
box-shadow: 0 0 0 2px rgba($red-pentacle, 0.35);
}