Colore con nome più vicino · #511483
#511483
Colore con nome più vicino: Occult
#511483 (rgb(81 20 131), hsl(273 74% 30%), oklch(0.361 0.168 303.3)) è più vicino al colore con nome Occult. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#511483
oklch(0.361 0.168 303.3)
Conversioni di colore
- HEX
- #511483
- RGB
- rgb(81 20 131)
- HSL
- hsl(273 74% 30%)
- HWB
- hwb(273 8% 49%)
- OKLCH
- oklch(0.361 0.168 303.3)
- OKLab
- oklab(0.361 0.092 -0.141)
- CIE Lab
- lab(22.68 42.88 -50)
- LCH
- lch(22.68 65.87 310.6)
- CMYK
- cmyk(38% 85% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 603190
- 70499D
- 815FAA
- 9276B7
- A38CC3
- B5A2D0
- C7B9DC
- D9D0E8
- ECE7F3
Ombre
- 451071
- 3A0C60
- 2F084F
- 24053F
- 1A032F
- 100120
- 070112
- 020006
- 000001
Toni
- 552584
- 5A3284
- 5E3D85
- 634785
- 675185
- 6C5B84
- 716484
- 766E83
- 7B7782
Armonie di colore
Complementare +180°
- 511483
Occult
- 344400
≈ Garden Shadow
Analogo -30° +30°
- 511483
Occult
- 272993
≈ Gentian Blue
- 6A0060
≈ Divine Purple
Triadico +120° +240°
- 511483
Occult
- 5B3200
≈ Eyelash Camel
- 004841
≈ Tropical Forest
Complementare divisa +150° +210°
- 511483
Occult
- 4A3C00
≈ Xanthophobia
- 004B25
≈ Pine Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.81:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.77:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.81:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--occult: #511483;
--occult-rgb: 81 20 131;
--occult-oklch: oklch(0.361 0.168 303.3);
}
.element {
color: var(--occult);
background-color: hsl(273 74% 30%);
border-color: oklch(0.361 0.168 303.3);
}Tailwind CSS v4
@theme {
--color-occult: #511483;
--color-occult-50: #ffeaff;
--color-occult-100: #f5daff;
--color-occult-200: #e5c2ff;
--color-occult-300: #cca0fc;
--color-occult-400: #b383ef;
--color-occult-500: #9e63e0;
--color-occult-600: #8655bd;
--color-occult-700: #6b4498;
--color-occult-800: #4d3172;
--color-occult-900: #362151;
--color-occult-950: #211036;
}SCSS
$occult: #511483;
$occult-rgb: 81, 20, 131;
$occult-light: mix(#fff, $occult, 20%);
$occult-dark: mix(#000, $occult, 20%);
.element {
color: $occult;
box-shadow: 0 0 0 2px rgba($occult, 0.35);
}