En yakın adlandırılmış renk · #8C5AE0
#8C5AE0
En yakın adlandırılmış renk: Candy Grape Fizz
#8C5AE0 (rgb(140 90 224), hsl(262 68% 62%), oklch(0.588 0.196 297.2)) en çok Candy Grape Fizz 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.
#8C5AE0
oklch(0.588 0.196 297.2)
Renk dönüşümleri
- HEX
- #8c5ae0
- RGB
- rgb(140 90 224)
- HSL
- hsl(262 68% 62%)
- HWB
- hwb(262 35% 12%)
- OKLCH
- oklch(0.588 0.196 297.2)
- OKLab
- oklab(0.588 0.089 -0.174)
- CIE Lab
- lab(49.11 42.53 -62.01)
- LCH
- lch(49.11 75.2 304.4)
- CMYK
- cmyk(37% 60% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 966CE4
- A17DE9
- AC8EED
- B79FF0
- C2AFF3
- CEBFF6
- DACFF9
- E6DFFB
- F2EFFD
Koyu tonlar
- 794DC3
- 6741A6
- 55358A
- 432970
- 331E56
- 23133E
- 140927
- 070312
- 010002
Gri tonlar
- 8A60D7
- 8965CE
- 876AC4
- 866EBB
- 8571B2
- 8475A8
- 83789E
- 827B94
- 817E8A
Renk uyumları
Tamamlayıcı +180°
- 8C5AE0
Candy Grape Fizz
- 778600
≈ Swamp Green
Analog -30° +30°
- 8C5AE0
Candy Grape Fizz
- 4970EF
≈ Blue Öyster Cult
- B647B7
≈ Ultraviolet Cryner
Üçlü +120° +240°
- 8C5AE0
Candy Grape Fizz
- BA6300
≈ Camel Fur
- 00917C
≈ Aqua Waters
Bölünmüş tamamlayıcı +150° +210°
- 8C5AE0
Candy Grape Fizz
- 9B7700
≈ Mesozoic Green
- 009736
≈ Peppermint Toad
Dörtlü +90° +180° +270°
- 8C5AE0
Candy Grape Fizz
- D83B35
≈ Red Power
- 778600
≈ Swamp Green
- 008D9B
≈ Coral Coast
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy-grape-fizz: #8c5ae0;
--candy-grape-fizz-rgb: 140 90 224;
--candy-grape-fizz-oklch: oklch(0.588 0.196 297.2);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(262 68% 62%);
border-color: oklch(0.588 0.196 297.2);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #8c5ae0;
--color-candy-grape-fizz-50: #fde9ff;
--color-candy-grape-fizz-100: #f1daff;
--color-candy-grape-fizz-200: #e0c1ff;
--color-candy-grape-fizz-300: #c69fff;
--color-candy-grape-fizz-400: #ad80ff;
--color-candy-grape-fizz-500: #975ef5;
--color-candy-grape-fizz-600: #8051ce;
--color-candy-grape-fizz-700: #6641a6;
--color-candy-grape-fizz-800: #492f7d;
--color-candy-grape-fizz-900: #332059;
--color-candy-grape-fizz-950: #1f0e3c;
}SCSS
$candy-grape-fizz: #8c5ae0;
$candy-grape-fizz-rgb: 140, 90, 224;
$candy-grape-fizz-light: mix(#fff, $candy-grape-fizz, 20%);
$candy-grape-fizz-dark: mix(#000, $candy-grape-fizz, 20%);
.element {
color: $candy-grape-fizz;
box-shadow: 0 0 0 2px rgba($candy-grape-fizz, 0.35);
}