Colore con nome · #660099
Indigo Purple
Indigo Purple è #660099: rgb(102 0 153), hsl(280 100% 30%), oklch(0.4 0.204 307.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Indigo Purple color name →
#660099
oklch(0.4 0.204 307.9)
Conversioni di colore
- HEX
- #660099
- RGB
- rgb(102 0 153)
- HSL
- hsl(280 100% 30%)
- HWB
- hwb(280 0% 40%)
- OKLCH
- oklch(0.4 0.204 307.9)
- OKLab
- oklab(0.4 0.125 -0.161)
- CIE Lab
- lab(26.41 54.82 -57.4)
- LCH
- lch(26.41 79.37 313.7)
- CMYK
- cmyk(33% 100% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 742DA5
- 8348B0
- 9260BB
- A176C5
- B08DD0
- BFA3DA
- CFBAE3
- DFD1ED
- EFE8F6
Ombre
- 580084
- 4A0070
- 3C005D
- 2F004A
- 230038
- 170027
- 0C0017
- 040008
- 000001
Toni
- 691F98
- 6B2F96
- 6E3C94
- 714892
- 735290
- 765C8D
- 78658A
- 7B6E87
- 7D7784
Armonie di colore
Complementare +180°
- 660099
Indigo Purple
- 375100
≈ Navy Green
Analogo -30° +30°
- 660099
Indigo Purple
- 3826B1
≈ Indigo Blue
- 7D0067
≈ Xereus Purple
Triadico +120° +240°
- 660099
Indigo Purple
- 663D00
≈ Bestial Brown
- 00534E
≈ Plankton Green
Complementare divisa +150° +210°
- 660099
Indigo Purple
- 544700
≈ Sugarloaf Brown
- 005633
≈ Permanent Green
Tetradico +90° +180° +270°
- 660099
Indigo Purple
- 7E2400
≈ Mahogany Brown
- 375100
≈ Navy Green
- 005061
≈ Sandalwood Grey Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.37:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.02:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--indigo-purple: #660099;
--indigo-purple-rgb: 102 0 153;
--indigo-purple-oklch: oklch(0.4 0.204 307.9);
}
.element {
color: var(--indigo-purple);
background-color: hsl(280 100% 30%);
border-color: oklch(0.4 0.204 307.9);
}Tailwind CSS v4
@theme {
--color-indigo-purple: #660099;
--color-indigo-purple-50: #ffe6ff;
--color-indigo-purple-100: #fdd5ff;
--color-indigo-purple-200: #efbbff;
--color-indigo-purple-300: #d797ff;
--color-indigo-purple-400: #c077fa;
--color-indigo-purple-500: #ac52eb;
--color-indigo-purple-600: #9147c7;
--color-indigo-purple-700: #7439a0;
--color-indigo-purple-800: #542979;
--color-indigo-purple-900: #3b1c55;
--color-indigo-purple-950: #250b3a;
}SCSS
$indigo-purple: #660099;
$indigo-purple-rgb: 102, 0, 153;
$indigo-purple-light: mix(#fff, $indigo-purple, 20%);
$indigo-purple-dark: mix(#000, $indigo-purple, 20%);
.element {
color: $indigo-purple;
box-shadow: 0 0 0 2px rgba($indigo-purple, 0.35);
}