Benannte Farbe · #71384B
Grapeshot
Grapeshot ist #71384B: rgb(113 56 75), hsl(340 34% 33%), oklch(0.42 0.083 0.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Grapeshot color name →
#71384B
oklch(0.42 0.083 0.1)
Farbumrechnungen
- HEX
- #71384b
- RGB
- rgb(113 56 75)
- HSL
- hsl(340 34% 33%)
- HWB
- hwb(340 22% 56%)
- OKLCH
- oklch(0.42 0.083 0.1)
- OKLab
- oklab(0.42 0.083 0)
- CIE Lab
- lab(31.66 27.35 0.41)
- LCH
- lch(31.66 27.35 0.8)
- CMYK
- cmyk(0% 50% 34% 56%)
Tints · Shades · Tones
Tints
- 7F4A5B
- 8E5D6C
- 9C707D
- AA838E
- B997A0
- C7ABB2
- D5C0C5
- E3D4D8
- F1EAEB
Shades
- 612F40
- 522735
- 431F2B
- 351721
- 270F17
- 1A080E
- 0E0406
- 040102
- 010000
Tones
- 733F50
- 754755
- 774E5A
- 795560
- 7B5C65
- 7C636A
- 7D6B70
- 7F7275
- 7F797A
Farbharmonien
Komplementär +180°
- 71384B
Grapeshot
- 005A4F
≈ Baltic Prince
Analog -30° +30°
- 71384B
Grapeshot
- 663B62
≈ Berry Light
- 743A31
≈ Capsicum Red
Triadisch +120° +240°
- 71384B
Grapeshot
- 475318
≈ Verdun Green
- 175276
≈ Midnight Sonata
Geteilt komplementär +150° +210°
- 71384B
Grapeshot
- 265A34
≈ Pine
- 005763
≈ Abyssal Waters
Tetradisch +90° +180° +270°
- 71384B
Grapeshot
- 5F4A05
≈ Mud Brown
- 005A4F
≈ Baltic Prince
- 3B4A7A
≈ Expressionism
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.86:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.36:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.86:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--grapeshot: #71384b;
--grapeshot-rgb: 113 56 75;
--grapeshot-oklch: oklch(0.42 0.083 0.1);
}
.element {
color: var(--grapeshot);
background-color: hsl(340 34% 33%);
border-color: oklch(0.42 0.083 0.1);
}Tailwind CSS v4
@theme {
--color-grapeshot: #71384b;
--color-grapeshot-50: #ffecf3;
--color-grapeshot-100: #ffdde5;
--color-grapeshot-200: #f4c6d1;
--color-grapeshot-300: #dda6b4;
--color-grapeshot-400: #c88a9c;
--color-grapeshot-500: #b36e84;
--color-grapeshot-600: #985e6f;
--color-grapeshot-700: #7a4b59;
--color-grapeshot-800: #5a3642;
--color-grapeshot-900: #3f252e;
--color-grapeshot-950: #28131a;
}SCSS
$grapeshot: #71384b;
$grapeshot-rgb: 113, 56, 75;
$grapeshot-light: mix(#fff, $grapeshot, 20%);
$grapeshot-dark: mix(#000, $grapeshot, 20%);
.element {
color: $grapeshot;
box-shadow: 0 0 0 2px rgba($grapeshot, 0.35);
}