Adlandırılmış renk · #564786
Gigas
Gigas, #564786: rgb(86 71 134), hsl(254 31% 40%), oklch(0.443 0.101 292.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Gigas color name →
#564786
oklch(0.443 0.101 292.7)
Renk dönüşümleri
- HEX
- #564786
- RGB
- rgb(86 71 134)
- HSL
- hsl(254 31% 40%)
- HWB
- hwb(254 28% 47%)
- OKLCH
- oklch(0.443 0.101 292.7)
- OKLab
- oklab(0.443 0.039 -0.094)
- CIE Lab
- lab(34.05 18.35 -33.58)
- LCH
- lch(34.05 38.27 298.7)
- CMYK
- cmyk(36% 47% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 655892
- 746A9E
- 847CAB
- 958EB7
- A6A0C3
- B7B2CF
- C8C5DB
- DAD8E7
- ECEBF3
Koyu tonlar
- 4A3D74
- 3E3262
- 322851
- 271F40
- 1C1630
- 120D21
- 080613
- 020206
- 000001
Gri tonlar
- 5A4D86
- 5E5386
- 625985
- 665F85
- 6A6484
- 6E6A84
- 736F83
- 777582
- 7B7A81
Renk uyumları
Tamamlayıcı +180°
- 564786
Gigas
- 545800
≈ Douro
Analog -30° +30°
- 564786
Gigas
- 34518B
≈ Regal Destiny
- 6E3E74
≈ Eminence
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- 564786
Gigas
- 6C4E00
≈ Antique Bronze
- 2D612B
≈ Gameboy Shade
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.95:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.64:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.95:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--gigas: #564786;
--gigas-rgb: 86 71 134;
--gigas-oklch: oklch(0.443 0.101 292.7);
}
.element {
color: var(--gigas);
background-color: hsl(254 31% 40%);
border-color: oklch(0.443 0.101 292.7);
}Tailwind CSS v4
@theme {
--color-gigas: #564786;
--color-gigas-50: #f6f0ff;
--color-gigas-100: #eae2ff;
--color-gigas-200: #d7ccfc;
--color-gigas-300: #baaee7;
--color-gigas-400: #a093d5;
--color-gigas-500: #8979c3;
--color-gigas-600: #7466a5;
--color-gigas-700: #5c5284;
--color-gigas-800: #423c63;
--color-gigas-900: #2e2945;
--color-gigas-950: #1b172d;
}SCSS
$gigas: #564786;
$gigas-rgb: 86, 71, 134;
$gigas-light: mix(#fff, $gigas, 20%);
$gigas-dark: mix(#000, $gigas, 20%);
.element {
color: $gigas;
box-shadow: 0 0 0 2px rgba($gigas, 0.35);
}