Nazwany kolor · #441188
Grim Purple
Grim Purple to #441188: rgb(68 17 136), hsl(266 78% 30%), oklch(0.346 0.174 294.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Grim Purple color name →
#441188
oklch(0.346 0.174 294.3)
Konwersje koloru
- HEX
- #441188
- RGB
- rgb(68 17 136)
- HSL
- hsl(266 78% 30%)
- HWB
- hwb(266 7% 47%)
- OKLCH
- oklch(0.346 0.174 294.3)
- OKLab
- oklab(0.346 0.072 -0.159)
- CIE Lab
- lab(20.75 42.53 -56.39)
- LCH
- lch(20.75 70.63 307)
- CMYK
- cmyk(50% 88% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 533095
- 6348A2
- 745FAF
- 8675BB
- 998CC7
- ACA2D3
- C0B9DE
- D5D0E9
- EAE7F4
Odcienie ciemniejsze
- 3A0D75
- 300963
- 260652
- 1D0441
- 140231
- 0C0122
- 050013
- 020006
- 000001
Tony
- 492488
- 4E3189
- 533D88
- 594788
- 5F5188
- 655B87
- 6B6486
- 726E84
- 797782
Harmonie kolorów
Komplementarna +180°
- 441188
Grim Purple
- 393E00
≈ Dark Olive
Analogowa -30° +30°
- 441188
Grim Purple
- 072992
≈ Blue Torus
- 5F0067
≈ Purple Dreamer
Triada +120° +240°
- 441188
Grim Purple
- 5B2B00
≈ Count Chocula
- 004437
≈ UP Forest Green
Komplementarna rozszczepiona +150° +210°
- 441188
Grim Purple
- 4B3600
≈ Night in the Woods
- 00470A
≈ Borg Drone
Tetrada +90° +180° +270°
- 441188
Grim Purple
- 71000F
≈ Barolo
- 393E00
≈ Dark Olive
- 004248
≈ Warm Black
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.48:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.68:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.48:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--grim-purple: #441188;
--grim-purple-rgb: 68 17 136;
--grim-purple-oklch: oklch(0.346 0.174 294.3);
}
.element {
color: var(--grim-purple);
background-color: hsl(266 78% 30%);
border-color: oklch(0.346 0.174 294.3);
}Tailwind CSS v4
@theme {
--color-grim-purple: #441188;
--color-grim-purple-50: #f9ecff;
--color-grim-purple-100: #edddff;
--color-grim-purple-200: #dbc5ff;
--color-grim-purple-300: #c0a4ff;
--color-grim-purple-400: #a686fa;
--color-grim-purple-500: #9067ec;
--color-grim-purple-600: #7a58c7;
--color-grim-purple-700: #6146a0;
--color-grim-purple-800: #453378;
--color-grim-purple-900: #302355;
--color-grim-purple-950: #1d1139;
}SCSS
$grim-purple: #441188;
$grim-purple-rgb: 68, 17, 136;
$grim-purple-light: mix(#fff, $grim-purple, 20%);
$grim-purple-dark: mix(#000, $grim-purple, 20%);
.element {
color: $grim-purple;
box-shadow: 0 0 0 2px rgba($grim-purple, 0.35);
}