En yakın adlandırılmış renk · #C17DF2
#C17DF2
En yakın adlandırılmış renk: Illicit Purple
#C17DF2 (rgb(193 125 242), hsl(275 82% 72%), oklch(0.706 0.176 309.4)) en çok Illicit Purple 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.
#C17DF2
oklch(0.706 0.176 309.4)
Renk dönüşümleri
- HEX
- #c17df2
- RGB
- rgb(193 125 242)
- HSL
- hsl(275 82% 72%)
- HWB
- hwb(275 49% 5%)
- OKLCH
- oklch(0.706 0.176 309.4)
- OKLab
- oklab(0.706 0.112 -0.136)
- CIE Lab
- lab(63.3 42.7 -49.06)
- LCH
- lch(63.3 65.04 311)
- CMYK
- cmyk(20% 48% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C78BF4
- CD98F6
- D4A5F8
- DAB2FA
- E0BFFB
- E6CCFC
- ECD9FD
- F3E6FE
- F9F2FF
Koyu tonlar
- A76CD2
- 8F5BB4
- 774B96
- 5F3B79
- 492C5E
- 341E43
- 20112B
- 0E0514
- 020103
Gri tonlar
- BA7EE7
- B47FDB
- AD80D0
- A781C4
- A081B9
- 9A81AE
- 9381A2
- 8D8197
- 86818C
Renk uyumları
Tamamlayıcı +180°
- C17DF2
Illicit Purple
- 7CB423
≈ Jubilant Meadow
Analog -30° +30°
- C17DF2
Illicit Purple
- 8E93FF
≈ Periwinkle Blue
- E56FC4
≈ Explicit Pink
Üçlü +120° +240°
- C17DF2
Illicit Purple
- DD8C00
≈ Non-Stop Orange
- 00B8B0
≈ Super Rare Jade
Bölünmüş tamamlayıcı +150° +210°
- C17DF2
Illicit Purple
- B7A100
≈ Snakebite Leather
- 00BE7B
≈ Fennel Fiesta
Dörtlü +90° +180° +270°
- C17DF2
Illicit Purple
- F97243
≈ Carrot
- 7CB423
≈ Jubilant Meadow
- 00B2D7
≈ Aquarius
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--illicit-purple: #c17df2;
--illicit-purple-rgb: 193 125 242;
--illicit-purple-oklch: oklch(0.706 0.176 309.4);
}
.element {
color: var(--illicit-purple);
background-color: hsl(275 82% 72%);
border-color: oklch(0.706 0.176 309.4);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #c17df2;
--color-illicit-purple-50: #ffe8ff;
--color-illicit-purple-100: #fbd8ff;
--color-illicit-purple-200: #edbfff;
--color-illicit-purple-300: #d59cf9;
--color-illicit-purple-400: #bd7dec;
--color-illicit-purple-500: #a95cdc;
--color-illicit-purple-600: #8f4fba;
--color-illicit-purple-700: #723f95;
--color-illicit-purple-800: #532e71;
--color-illicit-purple-900: #3a1f4f;
--color-illicit-purple-950: #240e35;
}SCSS
$illicit-purple: #c17df2;
$illicit-purple-rgb: 193, 125, 242;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}