Benannte Farbe · #775496
Juneberry
Juneberry ist #775496: rgb(119 84 150), hsl(272 28% 46%), oklch(0.511 0.108 307.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Juneberry color name →
#775496
oklch(0.511 0.108 307.4)
Farbumrechnungen
- HEX
- #775496
- RGB
- rgb(119 84 150)
- HSL
- hsl(272 28% 46%)
- HWB
- hwb(272 33% 41%)
- OKLCH
- oklch(0.511 0.108 307.4)
- OKLab
- oklab(0.511 0.066 -0.086)
- CIE Lab
- lab(41.7 25.01 -30.96)
- LCH
- lch(41.7 39.81 308.9)
- CMYK
- cmyk(21% 44% 0% 41%)
Tints · Shades · Tones
Tints
- 8464A1
- 9175AB
- 9E85B6
- AB96C0
- B9A7CB
- C6B8D5
- D4CAE0
- E2DBEA
- F1EDF5
Shades
- 674882
- 573C6E
- 47315B
- 382649
- 2A1B37
- 1C1126
- 100816
- 050208
- 010001
Tones
- 785994
- 795E92
- 7A6290
- 7B678E
- 7C6B8C
- 7C6F8A
- 7D7488
- 7E7885
- 7F7C83
Farbharmonien
Komplementär +180°
- 775496
Juneberry
- 557126
≈ Loren Forest
Analog -30° +30°
- 775496
Juneberry
- 585FA3
≈ Violet Storm
- 8D4C7C
≈ Razzmic Berry
Triadisch +120° +240°
- 775496
Juneberry
- 8E580D
≈ Grizzly
- 00766F
≈ Mermaid Harbour
Geteilt komplementär +150° +210°
- 775496
Juneberry
- 776600
≈ Arousing Alligator
- 1F784D
≈ Poplar Forest
Tetradisch +90° +180° +270°
- 775496
Juneberry
- 9A4D37
≈ Spicy Hue
- 557126
≈ Loren Forest
- 007289
≈ Waterworld
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.01:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.49:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--juneberry: #775496;
--juneberry-rgb: 119 84 150;
--juneberry-oklch: oklch(0.511 0.108 307.4);
}
.element {
color: var(--juneberry);
background-color: hsl(272 28% 46%);
border-color: oklch(0.511 0.108 307.4);
}Tailwind CSS v4
@theme {
--color-juneberry: #775496;
--color-juneberry-50: #feedff;
--color-juneberry-100: #f3dfff;
--color-juneberry-200: #e2c8f8;
--color-juneberry-300: #c8a8e2;
--color-juneberry-400: #b08dd0;
--color-juneberry-500: #9972bd;
--color-juneberry-600: #8260a0;
--color-juneberry-700: #684d80;
--color-juneberry-800: #4b3860;
--color-juneberry-900: #342643;
--color-juneberry-950: #20152b;
}SCSS
$juneberry: #775496;
$juneberry-rgb: 119, 84, 150;
$juneberry-light: mix(#fff, $juneberry, 20%);
$juneberry-dark: mix(#000, $juneberry, 20%);
.element {
color: $juneberry;
box-shadow: 0 0 0 2px rgba($juneberry, 0.35);
}