Colore con nome · #3D496D
Egyptian Violet
Egyptian Violet è #3D496D: rgb(61 73 109), hsl(225 28% 33%), oklch(0.411 0.063 269.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Egyptian Violet color name →
#3D496D
oklch(0.411 0.063 269.4)
Conversioni di colore
- HEX
- #3d496d
- RGB
- rgb(61 73 109)
- HSL
- hsl(225 28% 33%)
- HWB
- hwb(225 24% 57%)
- OKLCH
- oklch(0.411 0.063 269.4)
- OKLab
- oklab(0.411 -0.001 -0.063)
- CIE Lab
- lab(31.21 2.96 -22.69)
- LCH
- lch(31.21 22.89 277.4)
- CMYK
- cmyk(44% 33% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 4E5A7B
- 606B89
- 727C97
- 858EA6
- 98A0B4
- ACB2C3
- C0C5D2
- D5D8E1
- EAEBF0
Ombre
- 343E5E
- 2B344F
- 222A41
- 1A2033
- 121726
- 0A0E19
- 04060D
- 010204
- 000001
Toni
- 434E6F
- 4A5471
- 505973
- 575F75
- 5D6477
- 646A79
- 6B6F7B
- 72757D
- 797A7E
Armonie di colore
Complementare +180°
- 3D496D
Egyptian Violet
- 58491F
≈ Bronze Olive
Analogo -30° +30°
- 3D496D
Egyptian Violet
- 284F69
≈ Singing the Blues
- 504368
≈ Evening Lavender
Triadico +120° +240°
- 3D496D
Egyptian Violet
- 693D37
≈ Burnished Bark
- 315438
≈ Green Stain
Complementare divisa +150° +210°
- 3D496D
Egyptian Violet
- 644226
≈ Satoimo Brown
- 475027
≈ Bronze Tone
Tetradico +90° +180° +270°
- 3D496D
Egyptian Violet
- 663C4A
≈ Mauve Wine
- 58491F
≈ Bronze Olive
- 1B564C
≈ Baltic Prince
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.85:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.37:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--egyptian-violet: #3d496d;
--egyptian-violet-rgb: 61 73 109;
--egyptian-violet-oklch: oklch(0.411 0.063 269.4);
}
.element {
color: var(--egyptian-violet);
background-color: hsl(225 28% 33%);
border-color: oklch(0.411 0.063 269.4);
}Tailwind CSS v4
@theme {
--color-egyptian-violet: #3d496d;
--color-egyptian-violet-50: #eef5ff;
--color-egyptian-violet-100: #e0e7fe;
--color-egyptian-violet-200: #cad3f0;
--color-egyptian-violet-300: #abb6d8;
--color-egyptian-violet-400: #8f9dc4;
--color-egyptian-violet-500: #7585b0;
--color-egyptian-violet-600: #637095;
--color-egyptian-violet-700: #4f5a77;
--color-egyptian-violet-800: #394258;
--color-egyptian-violet-900: #272d3e;
--color-egyptian-violet-950: #151a27;
}SCSS
$egyptian-violet: #3d496d;
$egyptian-violet-rgb: 61, 73, 109;
$egyptian-violet-light: mix(#fff, $egyptian-violet, 20%);
$egyptian-violet-dark: mix(#000, $egyptian-violet, 20%);
.element {
color: $egyptian-violet;
box-shadow: 0 0 0 2px rgba($egyptian-violet, 0.35);
}