Colore con nome · #9900AA
Shiffurple
Shiffurple è #9900AA: rgb(153 0 170), hsl(294 100% 33%), oklch(0.491 0.232 322.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Shiffurple color name →
#9900AA
oklch(0.491 0.232 322.8)
Conversioni di colore
- HEX
- #9900aa
- RGB
- rgb(153 0 170)
- HSL
- hsl(294 100% 33%)
- HWB
- hwb(294 0% 33%)
- OKLCH
- oklch(0.491 0.232 322.8)
- OKLab
- oklab(0.491 0.185 -0.14)
- CIE Lab
- lab(36.97 65.85 -50.05)
- LCH
- lch(36.97 82.71 322.8)
- CMYK
- cmyk(10% 100% 0% 33%)
Tinte · Ombre · Toni
Tinte
- A533B3
- B04FBD
- BB67C6
- C57DCF
- D093D7
- DAA9E0
- E3BEE8
- EDD4F0
- F6E9F7
Ombre
- 840093
- 70007D
- 5D0068
- 4A0053
- 38003F
- 27002D
- 17001B
- 08000B
- 010001
Toni
- 9824A7
- 9635A3
- 94429F
- 924D9B
- 905797
- 8D6093
- 8B698F
- 87718A
- 847985
Armonie di colore
Complementare +180°
- 9900AA
Shiffurple
- 007605
≈ Moth Green
Analogo -30° +30°
- 9900AA
Shiffurple
- 6D2DD4
≈ Sagat Purple
- AD006B
≈ Velvet Cupcake
Triadico +120° +240°
- 9900AA
Shiffurple
- 7C5A00
≈ Blackfire Earth
- 006E75
≈ Teal Motif
Complementare divisa +150° +210°
- 9900AA
Shiffurple
- 626600
≈ Mud Green
- 00725B
≈ Tropical Rainforest
Tetradico +90° +180° +270°
- 9900AA
Shiffurple
- 954800
≈ Brownie
- 007605
≈ Moth Green
- 006990
≈ Port au Prince
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.15:1 · APCA Lc 82
Ag
FailSu nero
WCAG 2.93:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--shiffurple: #9900aa;
--shiffurple-rgb: 153 0 170;
--shiffurple-oklch: oklch(0.491 0.232 322.8);
}
.element {
color: var(--shiffurple);
background-color: hsl(294 100% 33%);
border-color: oklch(0.491 0.232 322.8);
}Tailwind CSS v4
@theme {
--color-shiffurple: #9900aa;
--color-shiffurple-50: #ffdfff;
--color-shiffurple-100: #ffcdff;
--color-shiffurple-200: #ffb1ff;
--color-shiffurple-300: #f189f8;
--color-shiffurple-400: #dc64ec;
--color-shiffurple-500: #c935dc;
--color-shiffurple-600: #aa2fba;
--color-shiffurple-700: #892695;
--color-shiffurple-800: #641b72;
--color-shiffurple-900: #461250;
--color-shiffurple-950: #2d0335;
}SCSS
$shiffurple: #9900aa;
$shiffurple-rgb: 153, 0, 170;
$shiffurple-light: mix(#fff, $shiffurple, 20%);
$shiffurple-dark: mix(#000, $shiffurple, 20%);
.element {
color: $shiffurple;
box-shadow: 0 0 0 2px rgba($shiffurple, 0.35);
}