Benannte Farbe · #8C87C5
Brocade
Brocade ist #8C87C5: rgb(140 135 197), hsl(245 35% 65%), oklch(0.652 0.092 287.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Brocade color name →
#8C87C5
oklch(0.652 0.092 287.3)
Farbumrechnungen
- HEX
- #8c87c5
- RGB
- rgb(140 135 197)
- HSL
- hsl(245 35% 65%)
- HWB
- hwb(245 53% 23%)
- OKLCH
- oklch(0.652 0.092 287.3)
- OKLab
- oklab(0.652 0.027 -0.087)
- CIE Lab
- lab(58.59 12.53 -31.83)
- LCH
- lch(58.59 34.21 291.5)
- CMYK
- cmyk(29% 31% 0% 23%)
Tints · Shades · Tones
Tints
- 9793CB
- A29ED1
- ADAAD7
- B8B6DD
- C3C2E3
- CFCEE9
- DBDAEE
- E7E6F4
- F3F3FA
Shades
- 7975AB
- 676392
- 555179
- 434161
- 33314B
- 232135
- 141321
- 07060E
- 010102
Tones
- 8B87BE
- 8986B7
- 8885B0
- 8785AA
- 8684A3
- 84839C
- 838395
- 82828E
- 818187
Farbharmonien
Komplementär +180°
- 8C87C5
Brocade
- 96944F
≈ Ancient Maze
Analog -30° +30°
- 8C87C5
Brocade
- 6C91C7
≈ Cornflower Blue
- A77EB5
≈ Berries Galore
Triadisch +120° +240°
- 8C87C5
Brocade
- BE7E5E
≈ Sundial
- 51A284
≈ Inspiration Peak
Geteilt komplementär +150° +210°
- 8C87C5
Brocade
- AF884C
≈ Bamboo Yellow
- 759D65
≈ Blackthorn Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.28:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.38:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--brocade: #8c87c5;
--brocade-rgb: 140 135 197;
--brocade-oklch: oklch(0.652 0.092 287.3);
}
.element {
color: var(--brocade);
background-color: hsl(245 35% 65%);
border-color: oklch(0.652 0.092 287.3);
}Tailwind CSS v4
@theme {
--color-brocade: #8c87c5;
--color-brocade-50: #f4f1ff;
--color-brocade-100: #e6e4ff;
--color-brocade-200: #d2cefa;
--color-brocade-300: #b5b0e4;
--color-brocade-400: #9b96d2;
--color-brocade-500: #827cc0;
--color-brocade-600: #6e69a2;
--color-brocade-700: #585482;
--color-brocade-800: #3f3e61;
--color-brocade-900: #2b2a44;
--color-brocade-950: #19182c;
}SCSS
$brocade: #8c87c5;
$brocade-rgb: 140, 135, 197;
$brocade-light: mix(#fff, $brocade, 20%);
$brocade-dark: mix(#000, $brocade, 20%);
.element {
color: $brocade;
box-shadow: 0 0 0 2px rgba($brocade, 0.35);
}