Adlandırılmış renk · #441188
Grim Purple
Grim Purple, #441188: rgb(68 17 136), hsl(266 78% 30%), oklch(0.346 0.174 294.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Grim Purple color name →
#441188
oklch(0.346 0.174 294.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 533095
- 6348A2
- 745FAF
- 8675BB
- 998CC7
- ACA2D3
- C0B9DE
- D5D0E9
- EAE7F4
Koyu tonlar
- 3A0D75
- 300963
- 260652
- 1D0441
- 140231
- 0C0122
- 050013
- 020006
- 000001
Gri tonlar
- 492488
- 4E3189
- 533D88
- 594788
- 5F5188
- 655B87
- 6B6486
- 726E84
- 797782
Renk uyumları
Tamamlayıcı +180°
- 441188
Grim Purple
- 393E00
≈ Dark Olive
Analog -30° +30°
- 441188
Grim Purple
- 072992
≈ Blue Torus
- 5F0067
≈ Purple Dreamer
Üçlü +120° +240°
- 441188
Grim Purple
- 5B2B00
≈ Count Chocula
- 004437
≈ UP Forest Green
Bölünmüş tamamlayıcı +150° +210°
- 441188
Grim Purple
- 4B3600
≈ Night in the Woods
- 00470A
≈ Borg Drone
Dörtlü +90° +180° +270°
- 441188
Grim Purple
- 71000F
≈ Barolo
- 393E00
≈ Dark Olive
- 004248
≈ Warm Black
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.48:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.68:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.48:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
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);
}