Benannte Farbe · #661188
Extraviolet
Extraviolet ist #661188: rgb(102 17 136), hsl(283 78% 30%), oklch(0.393 0.181 313). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Extraviolet color name →
#661188
oklch(0.393 0.181 313)
Farbumrechnungen
- HEX
- #661188
- RGB
- rgb(102 17 136)
- HSL
- hsl(283 78% 30%)
- HWB
- hwb(283 7% 47%)
- OKLCH
- oklch(0.393 0.181 313)
- OKLab
- oklab(0.393 0.123 -0.132)
- CIE Lab
- lab(26.3 48.84 -47.06)
- LCH
- lch(26.3 67.82 316.1)
- CMYK
- cmyk(25% 88% 0% 47%)
Tints · Shades · Tones
Tints
- 753195
- 8449A1
- 9360AD
- A277BA
- B18DC6
- C0A3D1
- D0BADD
- DFD1E8
- EFE8F4
Shades
- 580D75
- 4A0963
- 3C0652
- 2F0441
- 230231
- 170122
- 0C0013
- 040006
- 000001
Tones
- 692488
- 6C3288
- 6F3D88
- 714887
- 745287
- 775C86
- 796585
- 7C6E83
- 7E7782
Farbharmonien
Komplementär +180°
- 661188
Extraviolet
- 2C5100
≈ Patch of Land
Analog -30° +30°
- 661188
Extraviolet
- 4029A1
≈ Purple Cabbage
- 7C005D
≈ Xereus Purple
Triadisch +120° +240°
- 661188
Extraviolet
- 603D00
≈ Hippogriff Brown
- 005150
≈ Wool Turquoise
Geteilt komplementär +150° +210°
- 661188
Extraviolet
- 4E4700
≈ Sugarloaf Brown
- 005338
≈ Permanent Green
Tetradisch +90° +180° +270°
- 661188
Extraviolet
- 762A00
≈ Chestnut
- 2C5100
≈ Patch of Land
- 004E62
≈ Raging Thunderstorm
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.49:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.00:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 10.49:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--extraviolet: #661188;
--extraviolet-rgb: 102 17 136;
--extraviolet-oklch: oklch(0.393 0.181 313);
}
.element {
color: var(--extraviolet);
background-color: hsl(283 78% 30%);
border-color: oklch(0.393 0.181 313);
}Tailwind CSS v4
@theme {
--color-extraviolet: #661188;
--color-extraviolet-50: #ffe6ff;
--color-extraviolet-100: #ffd6ff;
--color-extraviolet-200: #f2bdff;
--color-extraviolet-300: #da9af7;
--color-extraviolet-400: #c37ae9;
--color-extraviolet-500: #af58d9;
--color-extraviolet-600: #944cb7;
--color-extraviolet-700: #763c93;
--color-extraviolet-800: #562c6f;
--color-extraviolet-900: #3c1d4e;
--color-extraviolet-950: #260d34;
}SCSS
$extraviolet: #661188;
$extraviolet-rgb: 102, 17, 136;
$extraviolet-light: mix(#fff, $extraviolet, 20%);
$extraviolet-dark: mix(#000, $extraviolet, 20%);
.element {
color: $extraviolet;
box-shadow: 0 0 0 2px rgba($extraviolet, 0.35);
}