Colore con nome più vicino · #8C5AE0
#8C5AE0
Colore con nome più vicino: Candy Grape Fizz
#8C5AE0 (rgb(140 90 224), hsl(262 68% 62%), oklch(0.588 0.196 297.2)) è più vicino al colore con nome Candy Grape Fizz. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8C5AE0
oklch(0.588 0.196 297.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 966CE4
- A17DE9
- AC8EED
- B79FF0
- C2AFF3
- CEBFF6
- DACFF9
- E6DFFB
- F2EFFD
Ombre
- 794DC3
- 6741A6
- 55358A
- 432970
- 331E56
- 23133E
- 140927
- 070312
- 010002
Toni
- 8A60D7
- 8965CE
- 876AC4
- 866EBB
- 8571B2
- 8475A8
- 83789E
- 827B94
- 817E8A
Armonie di colore
Complementare +180°
- 8C5AE0
Candy Grape Fizz
- 778600
≈ Swamp Green
Analogo -30° +30°
- 8C5AE0
Candy Grape Fizz
- 4970EF
≈ Blue Öyster Cult
- B647B7
≈ Ultraviolet Cryner
Triadico +120° +240°
- 8C5AE0
Candy Grape Fizz
- BA6300
≈ Camel Fur
- 00917C
≈ Aqua Waters
Complementare divisa +150° +210°
- 8C5AE0
Candy Grape Fizz
- 9B7700
≈ Mesozoic Green
- 009736
≈ Peppermint Toad
Tetradico +90° +180° +270°
- 8C5AE0
Candy Grape Fizz
- D83B35
≈ Red Power
- 778600
≈ Swamp Green
- 008D9B
≈ Coral Coast
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.65:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
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);
}