Colore con nome · #7733AA
Purple Pristine
Purple Pristine è #7733AA: rgb(119 51 170), hsl(274 54% 43%), oklch(0.474 0.183 306.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Pristine color name →
#7733AA
oklch(0.474 0.183 306.8)
Conversioni di colore
- HEX
- #7733aa
- RGB
- rgb(119 51 170)
- HSL
- hsl(274 54% 43%)
- HWB
- hwb(274 20% 33%)
- OKLCH
- oklch(0.474 0.183 306.8)
- OKLab
- oklab(0.474 0.11 -0.147)
- CIE Lab
- lab(35.82 45.97 -52.26)
- LCH
- lch(35.82 69.6 311.3)
- CMYK
- cmyk(30% 70% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 844AB4
- 915FBD
- 9E73C6
- AB87CF
- B99BD7
- C6AFE0
- D4C2E8
- E2D6F0
- F1EBF8
Ombre
- 672B93
- 57237D
- 471C68
- 381453
- 2A0D3F
- 1C072D
- 10031B
- 05010B
- 010001
Toni
- 783EA7
- 7947A3
- 7A509F
- 7B589B
- 7C5F97
- 7C6693
- 7D6D8F
- 7E738A
- 7F7A85
Armonie di colore
Complementare +180°
- 7733AA
Purple Pristine
- 496700
≈ Serrano Pepper
Analogo -30° +30°
- 7733AA
Purple Pristine
- 4747BF
≈ Royal Nightcore
- 962080
≈ Haunted Purple
Triadico +120° +240°
- 7733AA
Purple Pristine
- 824E00
≈ Gédéon Brown
- 006B63
≈ Fashion Blue
Complementare divisa +150° +210°
- 7733AA
Purple Pristine
- 6C5B00
≈ Brussels Sprout Green
- 006E41
≈ Rainforest Retreat
Tetradico +90° +180° +270°
- 7733AA
Purple Pristine
- A12D00
≈ Salsa Mexicana
- 496700
≈ Serrano Pepper
- 00677B
≈ World’s Away
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.39:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.83:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.39:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-pristine: #7733aa;
--purple-pristine-rgb: 119 51 170;
--purple-pristine-oklch: oklch(0.474 0.183 306.8);
}
.element {
color: var(--purple-pristine);
background-color: hsl(274 54% 43%);
border-color: oklch(0.474 0.183 306.8);
}Tailwind CSS v4
@theme {
--color-purple-pristine: #7733aa;
--color-purple-pristine-50: #ffe8ff;
--color-purple-pristine-100: #fad8ff;
--color-purple-pristine-200: #ebbfff;
--color-purple-pristine-300: #d29cfe;
--color-purple-pristine-400: #bb7df2;
--color-purple-pristine-500: #a65ce3;
--color-purple-pristine-600: #8c4fbf;
--color-purple-pristine-700: #703f9a;
--color-purple-pristine-800: #512d74;
--color-purple-pristine-900: #391f52;
--color-purple-pristine-950: #230e37;
}SCSS
$purple-pristine: #7733aa;
$purple-pristine-rgb: 119, 51, 170;
$purple-pristine-light: mix(#fff, $purple-pristine, 20%);
$purple-pristine-dark: mix(#000, $purple-pristine, 20%);
.element {
color: $purple-pristine;
box-shadow: 0 0 0 2px rgba($purple-pristine, 0.35);
}