Colore con nome · #3D34A5
Purple Cabbage
Purple Cabbage è #3D34A5: rgb(61 52 165), hsl(245 52% 43%), oklch(0.411 0.174 279). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Purple Cabbage color name →
#3D34A5
oklch(0.411 0.174 279)
Conversioni di colore
- HEX
- #3d34a5
- RGB
- rgb(61 52 165)
- HSL
- hsl(245 52% 43%)
- HWB
- hwb(245 20% 35%)
- OKLCH
- oklch(0.411 0.174 279)
- OKLab
- oklab(0.411 0.027 -0.172)
- CIE Lab
- lab(28.85 31.27 -60.94)
- LCH
- lch(28.85 68.5 297.2)
- CMYK
- cmyk(63% 68% 0% 35%)
Tinte · Ombre · Toni
Tinte
- 4C4AAF
- 5C5FBA
- 6E73C3
- 8187CD
- 949BD6
- A8AEDF
- BDC2E7
- D3D6F0
- E9EBF7
Ombre
- 342C8F
- 2B2479
- 221C65
- 1A1551
- 120E3D
- 0A072B
- 04031A
- 01010A
- 000001
Toni
- 423EA2
- 4747A0
- 4D509C
- 535899
- 5A5F96
- 616692
- 696D8E
- 70738A
- 787A85
Armonie di colore
Complementare +180°
- 3D34A5
Purple Cabbage
- 564B00
≈ Scorzonera Brown
Analogo -30° +30°
- 3D34A5
Purple Cabbage
- 004D85
≈ Dance Studio
- 662090
≈ Queens of the Dead
Triadico +120° +240°
- 3D34A5
Purple Cabbage
- 822800
≈ Reddish Brown
- 005A37
≈ Crusoe
Complementare divisa +150° +210°
- 3D34A5
Purple Cabbage
- 694000
≈ Violin Brown
- 385500
≈ Deep Forestial Escapade
Tetradico +90° +180° +270°
- 3D34A5
Purple Cabbage
- 8D0038
≈ Madrileño Maroon
- 564B00
≈ Scorzonera Brown
- 005753
≈ Castleton Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.40:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.23:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-cabbage: #3d34a5;
--purple-cabbage-rgb: 61 52 165;
--purple-cabbage-oklch: oklch(0.411 0.174 279);
}
.element {
color: var(--purple-cabbage);
background-color: hsl(245 52% 43%);
border-color: oklch(0.411 0.174 279);
}Tailwind CSS v4
@theme {
--color-purple-cabbage: #3d34a5;
--color-purple-cabbage-50: #ecf0ff;
--color-purple-cabbage-100: #dde2ff;
--color-purple-cabbage-200: #c7ccff;
--color-purple-cabbage-300: #a8acff;
--color-purple-cabbage-400: #8a90ff;
--color-purple-cabbage-500: #7272f5;
--color-purple-cabbage-600: #6061cf;
--color-purple-cabbage-700: #4d4ea6;
--color-purple-cabbage-800: #35397d;
--color-purple-cabbage-900: #242758;
--color-purple-cabbage-950: #13153c;
}SCSS
$purple-cabbage: #3d34a5;
$purple-cabbage-rgb: 61, 52, 165;
$purple-cabbage-light: mix(#fff, $purple-cabbage, 20%);
$purple-cabbage-dark: mix(#000, $purple-cabbage, 20%);
.element {
color: $purple-cabbage;
box-shadow: 0 0 0 2px rgba($purple-cabbage, 0.35);
}