En yakın adlandırılmış renk · #641C9D
#641C9D
En yakın adlandırılmış renk: Wild Violet
#641C9D (rgb(100 28 157), hsl(273 70% 36%), oklch(0.416 0.191 304.1)) en çok Wild Violet adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#641C9D
oklch(0.416 0.191 304.1)
Renk dönüşümleri
- HEX
- #641c9d
- RGB
- rgb(100 28 157)
- HSL
- hsl(273 70% 36%)
- HWB
- hwb(273 11% 38%)
- OKLCH
- oklch(0.416 0.191 304.1)
- OKLab
- oklab(0.416 0.107 -0.158)
- CIE Lab
- lab(28.67 48.67 -56.16)
- LCH
- lch(28.67 74.32 310.9)
- CMYK
- cmyk(36% 82% 0% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7239A8
- 8051B3
- 8F67BD
- 9E7DC7
- AE92D1
- BDA7DB
- CDBDE4
- DED3EE
- EEE9F6
Koyu tonlar
- 561788
- 481273
- 3B0D5F
- 2E084C
- 22053A
- 160228
- 0B0118
- 030009
- 000001
Gri tonlar
- 672C9B
- 693999
- 6C4497
- 6F4E94
- 715792
- 745F8F
- 77688B
- 7A7088
- 7D7884
Renk uyumları
Tamamlayıcı +180°
- 641C9D
Wild Violet
- 405500
≈ Highlands Moss
Analog -30° +30°
- 641C9D
Wild Violet
- 3334B0
≈ Blue Cardinal Flower
- 810074
≈ Patriarch
Üçlü +120° +240°
- 641C9D
Wild Violet
- 6E3F00
≈ Bloodtracker Brown
- 005950
≈ Baltic Prince
Bölünmüş tamamlayıcı +150° +210°
- 641C9D
Wild Violet
- 5B4A00
≈ Scorzonera Brown
- 005C30
≈ Sombre Green
Dörtlü +90° +180° +270°
- 641C9D
Wild Violet
- 8B1D00
≈ Bloodline
- 405500
≈ Highlands Moss
- 005664
≈ Abyssal Waters
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.56:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.19:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--wild-violet: #641c9d;
--wild-violet-rgb: 100 28 157;
--wild-violet-oklch: oklch(0.416 0.191 304.1);
}
.element {
color: var(--wild-violet);
background-color: hsl(273 70% 36%);
border-color: oklch(0.416 0.191 304.1);
}Tailwind CSS v4
@theme {
--color-wild-violet: #641c9d;
--color-wild-violet-50: #ffe8ff;
--color-wild-violet-100: #f8d8ff;
--color-wild-violet-200: #e8bfff;
--color-wild-violet-300: #d09cff;
--color-wild-violet-400: #b87df8;
--color-wild-violet-500: #a35bea;
--color-wild-violet-600: #8a4ec5;
--color-wild-violet-700: #6e3e9f;
--color-wild-violet-800: #502d78;
--color-wild-violet-900: #371f55;
--color-wild-violet-950: #220d39;
}SCSS
$wild-violet: #641c9d;
$wild-violet-rgb: 100, 28, 157;
$wild-violet-light: mix(#fff, $wild-violet, 20%);
$wild-violet-dark: mix(#000, $wild-violet, 20%);
.element {
color: $wild-violet;
box-shadow: 0 0 0 2px rgba($wild-violet, 0.35);
}