Colore con nome · #5218FA
Han Purple
Han Purple è #5218FA: rgb(82 24 250), hsl(255 96% 54%), oklch(0.489 0.286 279.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Han Purple color name →
#5218FA
oklch(0.489 0.286 279.1)
Conversioni di colore
- HEX
- #5218fa
- RGB
- rgb(82 24 250)
- HSL
- hsl(255 96% 54%)
- HWB
- hwb(255 9% 2%)
- OKLCH
- oklch(0.489 0.286 279.1)
- OKLab
- oklab(0.489 0.045 -0.282)
- CIE Lab
- lab(34.66 65.86 -100.61)
- LCH
- lch(34.66 120.25 303.2)
- CMYK
- cmyk(67% 90% 0% 2%)
Tinte · Ombre · Toni
Tinte
- 5C45FD
- 6960FF
- 7878FF
- 888DFF
- 9AA1FF
- ADB5FF
- C0C7FF
- D5DAFF
- EAEDFF
Ombre
- 4613D9
- 3B0FBA
- 2F0A9B
- 25077D
- 1A0461
- 110246
- 08012D
- 020015
- 000003
Toni
- 5334EF
- 5545E3
- 5851D8
- 5C5BCC
- 6063C1
- 666BB5
- 6C71A8
- 72769B
- 797B8E
Armonie di colore
Complementare +180°
- 5218FA
Han Purple
- 6F6000
≈ Green Brown
Analogo -30° +30°
- 5218FA
Han Purple
- 0063A9
≈ Directoire Blue
- 8900C6
≈ Violet Poison
Triadico +120° +240°
- 5218FA
Han Purple
- A53500
≈ Burnt Sienna
- 007348
≈ Cloudy Camouflage
Complementare divisa +150° +210°
- 5218FA
Han Purple
- 865300
≈ Spear Shaft
- 486D00
≈ Over the Hills
Tetradico +90° +180° +270°
- 5218FA
Han Purple
- B20048
≈ Raspberry
- 6F6000
≈ Green Brown
- 006F6A
≈ Tide Pools
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.31:1 · APCA Lc 83
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--han-purple: #5218fa;
--han-purple-rgb: 82 24 250;
--han-purple-oklch: oklch(0.489 0.286 279.1);
}
.element {
color: var(--han-purple);
background-color: hsl(255 96% 54%);
border-color: oklch(0.489 0.286 279.1);
}Tailwind CSS v4
@theme {
--color-han-purple: #5218fa;
--color-han-purple-50: #e6ecff;
--color-han-purple-100: #d7dcff;
--color-han-purple-200: #c1c3ff;
--color-han-purple-300: #a39dff;
--color-han-purple-400: #857aff;
--color-han-purple-500: #704bff;
--color-han-purple-600: #5f42ff;
--color-han-purple-700: #4b35d5;
--color-han-purple-800: #3327a1;
--color-han-purple-900: #221b73;
--color-han-purple-950: #130751;
}SCSS
$han-purple: #5218fa;
$han-purple-rgb: 82, 24, 250;
$han-purple-light: mix(#fff, $han-purple, 20%);
$han-purple-dark: mix(#000, $han-purple, 20%);
.element {
color: $han-purple;
box-shadow: 0 0 0 2px rgba($han-purple, 0.35);
}