Benannte Farbe · #564985
Victoria
Victoria ist #564985: rgb(86 73 133), hsl(253 29% 40%), oklch(0.447 0.097 292). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Victoria color name →
#564985
oklch(0.447 0.097 292)
Farbumrechnungen
- HEX
- #564985
- RGB
- rgb(86 73 133)
- HSL
- hsl(253 29% 40%)
- HWB
- hwb(253 29% 48%)
- OKLCH
- oklch(0.447 0.097 292)
- OKLab
- oklab(0.447 0.036 -0.09)
- CIE Lab
- lab(34.54 16.92 -32.2)
- LCH
- lch(34.54 36.38 297.7)
- CMYK
- cmyk(35% 45% 0% 48%)
Tints · Shades · Tones
Tints
- 655A91
- 746B9E
- 847DAA
- 958FB6
- A6A1C2
- B7B3CE
- C8C6DA
- DAD8E7
- EDECF3
Shades
- 4A3E73
- 3E3461
- 322A50
- 272040
- 1C1730
- 120E21
- 080613
- 020206
- 000001
Tones
- 5A4F85
- 5E5485
- 625A85
- 666084
- 6A6584
- 6E6B83
- 737083
- 777582
- 7B7B81
Farbharmonien
Komplementär +180°
- 564985
Victoria
- 565905
≈ Greensboro
Analog -30° +30°
- 564985
Victoria
- 36538A
≈ Blue Quartz
- 6D4174
≈ Palace Purple
Triadisch +120° +240°
- 564985
Victoria
- 7D431A
≈ Russet
- 00634F
≈ Green Paw Paw
Geteilt komplementär +150° +210°
- 564985
Victoria
- 6E4E00
≈ Antique Bronze
- 32612D
≈ Gameboy Shade
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.81:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.68:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.81:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--victoria: #564985;
--victoria-rgb: 86 73 133;
--victoria-oklch: oklch(0.447 0.097 292);
}
.element {
color: var(--victoria);
background-color: hsl(253 29% 40%);
border-color: oklch(0.447 0.097 292);
}Tailwind CSS v4
@theme {
--color-victoria: #564985;
--color-victoria-50: #f6f0ff;
--color-victoria-100: #e9e2ff;
--color-victoria-200: #d6cdfa;
--color-victoria-300: #baaee5;
--color-victoria-400: #9f94d3;
--color-victoria-500: #887ac1;
--color-victoria-600: #7367a3;
--color-victoria-700: #5c5283;
--color-victoria-800: #423c61;
--color-victoria-900: #2d2944;
--color-victoria-950: #1a172c;
}SCSS
$victoria: #564985;
$victoria-rgb: 86, 73, 133;
$victoria-light: mix(#fff, $victoria, 20%);
$victoria-dark: mix(#000, $victoria, 20%);
.element {
color: $victoria;
box-shadow: 0 0 0 2px rgba($victoria, 0.35);
}