En yakın adlandırılmış renk · #655198
#655198
En yakın adlandırılmış renk: Ultrapurple Merge
#655198 (rgb(101 81 152), hsl(257 30% 46%), oklch(0.488 0.112 294.9)) en çok Ultrapurple Merge 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.
#655198
oklch(0.488 0.112 294.9)
Renk dönüşümleri
- HEX
- #655198
- RGB
- rgb(101 81 152)
- HSL
- hsl(257 30% 46%)
- HWB
- hwb(257 32% 40%)
- OKLCH
- oklch(0.488 0.112 294.9)
- OKLab
- oklab(0.488 0.047 -0.101)
- CIE Lab
- lab(39.07 21.22 -36.46)
- LCH
- lch(39.07 42.19 300.2)
- CMYK
- cmyk(34% 47% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7362A3
- 8172AD
- 9083B8
- 9F94C2
- AEA6CC
- BEB7D7
- CEC9E1
- DEDBEB
- EEEDF5
Koyu tonlar
- 574584
- 493A70
- 3C2F5C
- 2F244A
- 221A38
- 171027
- 0C0717
- 030208
- 000001
Gri tonlar
- 675696
- 6A5B94
- 6C6092
- 6F6590
- 726A8D
- 746E8B
- 777388
- 7A7786
- 7D7C83
Renk uyumları
Tamamlayıcı +180°
- 655198
Ultrapurple Merge
- 5F6600
≈ Mud Green
Analog -30° +30°
- 655198
Ultrapurple Merge
- 405D9F
≈ Blue Dahlia
- 7F4782
≈ Vibrant Orchid
Üçlü +120° +240°
- 655198
Ultrapurple Merge
- 8F4C12
≈ Parasite Brown
- 00705D
≈ Falcon Turquoise
Bölünmüş tamamlayıcı +150° +210°
- 655198
Ultrapurple Merge
- 7A5A00
≈ Blackfire Earth
- 307035
≈ San Felix
Dörtlü +90° +180° +270°
- 655198
Ultrapurple Merge
- 95433F
≈ Spicy Red
- 5F6600
≈ Mud Green
- 006D76
≈ Toadstool Teal
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.59:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.18:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--ultrapurple-merge: #655198;
--ultrapurple-merge-rgb: 101 81 152;
--ultrapurple-merge-oklch: oklch(0.488 0.112 294.9);
}
.element {
color: var(--ultrapurple-merge);
background-color: hsl(257 30% 46%);
border-color: oklch(0.488 0.112 294.9);
}Tailwind CSS v4
@theme {
--color-ultrapurple-merge: #655198;
--color-ultrapurple-merge-50: #f8efff;
--color-ultrapurple-merge-100: #ebe1ff;
--color-ultrapurple-merge-200: #d9cbff;
--color-ultrapurple-merge-300: #bdacea;
--color-ultrapurple-merge-400: #a391da;
--color-ultrapurple-merge-500: #8c76c8;
--color-ultrapurple-merge-600: #7664a9;
--color-ultrapurple-merge-700: #5f5088;
--color-ultrapurple-merge-800: #443a65;
--color-ultrapurple-merge-900: #2f2847;
--color-ultrapurple-merge-950: #1c162e;
}SCSS
$ultrapurple-merge: #655198;
$ultrapurple-merge-rgb: 101, 81, 152;
$ultrapurple-merge-light: mix(#fff, $ultrapurple-merge, 20%);
$ultrapurple-merge-dark: mix(#000, $ultrapurple-merge, 20%);
.element {
color: $ultrapurple-merge;
box-shadow: 0 0 0 2px rgba($ultrapurple-merge, 0.35);
}