Benannte Farbe · #482D67
Violet Indigo
Violet Indigo ist #482D67: rgb(72 45 103), hsl(268 39% 29%), oklch(0.359 0.1 303.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Violet Indigo color name →
#482D67
oklch(0.359 0.1 303.2)
Farbumrechnungen
- HEX
- #482d67
- RGB
- rgb(72 45 103)
- HSL
- hsl(268 39% 29%)
- HWB
- hwb(268 18% 60%)
- OKLCH
- oklch(0.359 0.1 303.2)
- OKLab
- oklab(0.359 0.055 -0.083)
- CIE Lab
- lab(24.15 22.6 -29.86)
- LCH
- lch(24.15 37.45 307.1)
- CMYK
- cmyk(30% 56% 0% 60%)
Tints · Shades · Tones
Tints
- 584076
- 695485
- 7A6894
- 8C7CA3
- 9E91B2
- B1A6C1
- C4BCD1
- D7D2E0
- EBE8EF
Shades
- 3D2659
- 331F4B
- 29183D
- 1F1130
- 160B23
- 0D0617
- 06020C
- 020104
- 000000
Tones
- 4D366A
- 533E6D
- 584670
- 5E4F72
- 635775
- 695F77
- 6E677A
- 746F7C
- 7A787E
Farbharmonien
Komplementär +180°
- 482D67
Violet Indigo
- 344400
≈ Garden Shadow
Analog -30° +30°
- 482D67
Violet Indigo
- 2D3670
≈ Ballpoint Indigo
- 5A2553
≈ Kuwanomi Purple
Triadisch +120° +240°
- 482D67
Violet Indigo
- 5A3200
≈ Eyelash Camel
- 004840
≈ Tropical Forest
Geteilt komplementär +150° +210°
- 482D67
Violet Indigo
- 4A3B00
≈ Xanthophobia
- 004A24
≈ Pine Green
Tetradisch +90° +180° +270°
- 482D67
Violet Indigo
- 672417
≈ Brown Moelleux
- 344400
≈ Garden Shadow
- 004551
≈ Crab Nebula
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.37:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.84:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.37:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--violet-indigo: #482d67;
--violet-indigo-rgb: 72 45 103;
--violet-indigo-oklch: oklch(0.359 0.1 303.2);
}
.element {
color: var(--violet-indigo);
background-color: hsl(268 39% 29%);
border-color: oklch(0.359 0.1 303.2);
}Tailwind CSS v4
@theme {
--color-violet-indigo: #482d67;
--color-violet-indigo-50: #fcefff;
--color-violet-indigo-100: #f0e0ff;
--color-violet-indigo-200: #decaf7;
--color-violet-indigo-300: #c3abe1;
--color-violet-indigo-400: #aa90cf;
--color-violet-indigo-500: #9475bc;
--color-violet-indigo-600: #7d639f;
--color-violet-indigo-700: #644f80;
--color-violet-indigo-800: #483a5f;
--color-violet-indigo-900: #322843;
--color-violet-indigo-950: #1e162b;
}SCSS
$violet-indigo: #482d67;
$violet-indigo-rgb: 72, 45, 103;
$violet-indigo-light: mix(#fff, $violet-indigo, 20%);
$violet-indigo-dark: mix(#000, $violet-indigo, 20%);
.element {
color: $violet-indigo;
box-shadow: 0 0 0 2px rgba($violet-indigo, 0.35);
}