Colore con nome · #A4407E
Vivid Viola
Vivid Viola è #A4407E: rgb(164 64 126), hsl(323 44% 45%), oklch(0.527 0.15 345.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Vivid Viola color name →
#A4407E
oklch(0.527 0.15 345.3)
Conversioni di colore
- HEX
- #a4407e
- RGB
- rgb(164 64 126)
- HSL
- hsl(323 44% 45%)
- HWB
- hwb(323 25% 36%)
- OKLCH
- oklch(0.527 0.15 345.3)
- OKLab
- oklab(0.527 0.145 -0.038)
- CIE Lab
- lab(43.06 46.94 -13.72)
- LCH
- lch(43.06 48.91 343.7)
- CMYK
- cmyk(0% 61% 23% 36%)
Tinte · Ombre · Toni
Tinte
- AF548A
- B96797
- C37AA3
- CC8DB0
- D69FBD
- DFB2CA
- E7C5D7
- EFD8E4
- F7ECF2
Ombre
- 8E366D
- 792D5C
- 64244C
- 501B3C
- 3D132D
- 2B0B1F
- 1A0511
- 0A0105
- 010001
Toni
- A2487E
- 9F507F
- 9C577F
- 995D7F
- 95637F
- 926A80
- 8E6F80
- 8A7580
- 857B80
Armonie di colore
Complementare +180°
- A4407E
Vivid Viola
- 007E5B
≈ Spanish Viridian
Analogo -30° +30°
- A4407E
Vivid Viola
- 8B4BA5
≈ Vicious Violet
- B03D4E
≈ Romantic Embers
Triadico +120° +240°
- A4407E
Vivid Viola
- 756E00
≈ Bronze Yellow
- 007696
≈ Pristine Seas
Complementare divisa +150° +210°
- A4407E
Vivid Viola
- 407D0C
≈ Green People
- 007B7B
≈ Buzzards Bay
Tetradico +90° +180° +270°
- A4407E
Vivid Viola
- 906000
≈ Rat Brown
- 007E5B
≈ Spanish Viridian
- 236ABF
≈ Blue Streak
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.81:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.61:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--vivid-viola: #a4407e;
--vivid-viola-rgb: 164 64 126;
--vivid-viola-oklch: oklch(0.527 0.15 345.3);
}
.element {
color: var(--vivid-viola);
background-color: hsl(323 44% 45%);
border-color: oklch(0.527 0.15 345.3);
}Tailwind CSS v4
@theme {
--color-vivid-viola: #a4407e;
--color-vivid-viola-50: #ffe5fd;
--color-vivid-viola-100: #ffd4f1;
--color-vivid-viola-200: #ffbbe0;
--color-vivid-viola-300: #ef97c6;
--color-vivid-viola-400: #dc77b2;
--color-vivid-viola-500: #c8569c;
--color-vivid-viola-600: #a94a84;
--color-vivid-viola-700: #883b6a;
--color-vivid-viola-800: #642a50;
--color-vivid-viola-900: #461c37;
--color-vivid-viola-950: #2e0c22;
}SCSS
$vivid-viola: #a4407e;
$vivid-viola-rgb: 164, 64, 126;
$vivid-viola-light: mix(#fff, $vivid-viola, 20%);
$vivid-viola-dark: mix(#000, $vivid-viola, 20%);
.element {
color: $vivid-viola;
box-shadow: 0 0 0 2px rgba($vivid-viola, 0.35);
}