En yakın adlandırılmış renk · #AD86F3
#AD86F3
En yakın adlandırılmış renk: Illicit Purple
#AD86F3 (rgb(173 134 243), hsl(261 82% 74%), oklch(0.702 0.158 298.8)) 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.
#AD86F3
oklch(0.702 0.158 298.8)
Renk dönüşümleri
- HEX
- #ad86f3
- RGB
- rgb(173 134 243)
- HSL
- hsl(261 82% 74%)
- HWB
- hwb(261 53% 5%)
- OKLCH
- oklch(0.702 0.158 298.8)
- OKLab
- oklab(0.702 0.076 -0.139)
- CIE Lab
- lab(63.19 32.25 -49.95)
- LCH
- lch(63.19 59.46 302.8)
- CMYK
- cmyk(29% 45% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B593F5
- BC9FF7
- C4ABF9
- CCB7FA
- D5C3FC
- DDCFFD
- E5DBFE
- EEE7FE
- F6F3FF
Koyu tonlar
- 9674D3
- 7F62B4
- 6A5197
- 55407A
- 41305E
- 2D2144
- 1B132B
- 0B0614
- 010103
Gri tonlar
- A886E7
- A386DC
- 9F86D0
- 9A85C5
- 9685BA
- 9184AE
- 8D83A3
- 888297
- 84818C
Renk uyumları
Tamamlayıcı +180°
- AD86F3
Illicit Purple
- 96AC19
≈ Barf Green
Analog -30° +30°
- AD86F3
Illicit Purple
- 7798FF
≈ Periwinkle Blue
- D378CF
≈ Purple Kush
Üçlü +120° +240°
- AD86F3
Illicit Purple
- E5821D
≈ Master Round Yellow
- 00B8A0
≈ Aare River
Bölünmüş tamamlayıcı +150° +210°
- AD86F3
Illicit Purple
- C39900
≈ Rapeseed
- 49B965
≈ Forest Maid
Dörtlü +90° +180° +270°
- AD86F3
Illicit Purple
- F17364
≈ Mild Heart Attack
- 96AC19
≈ Barf Green
- 00B3C7
≈ Antigua Blue
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: #ad86f3;
--illicit-purple-rgb: 173 134 243;
--illicit-purple-oklch: oklch(0.702 0.158 298.8);
}
.element {
color: var(--illicit-purple);
background-color: hsl(261 82% 74%);
border-color: oklch(0.702 0.158 298.8);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #ad86f3;
--color-illicit-purple-50: #fcebff;
--color-illicit-purple-100: #f0dcff;
--color-illicit-purple-200: #dfc5ff;
--color-illicit-purple-300: #c5a4fc;
--color-illicit-purple-400: #ac87ee;
--color-illicit-purple-500: #9669df;
--color-illicit-purple-600: #7f59bc;
--color-illicit-purple-700: #654797;
--color-illicit-purple-800: #493472;
--color-illicit-purple-900: #322350;
--color-illicit-purple-950: #1e1235;
}SCSS
$illicit-purple: #ad86f3;
$illicit-purple-rgb: 173, 134, 243;
$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);
}