Colore con nome · #3E3267
Minsk
Minsk è #3E3267: rgb(62 50 103), hsl(254 35% 30%), oklch(0.358 0.089 291.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Minsk color name →
#3E3267
oklch(0.358 0.089 291.7)
Conversioni di colore
- HEX
- #3e3267
- RGB
- rgb(62 50 103)
- HSL
- hsl(254 35% 30%)
- HWB
- hwb(254 20% 60%)
- OKLCH
- oklch(0.358 0.089 291.7)
- OKLab
- oklab(0.358 0.033 -0.083)
- CIE Lab
- lab(24.26 16.21 -29.77)
- LCH
- lch(24.26 33.89 298.6)
- CMYK
- cmyk(40% 51% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 4E4576
- 605885
- 726B94
- 857FA3
- 9893B2
- ACA8C1
- C0BDD0
- D4D3E0
- EAE9EF
Ombre
- 352A59
- 2B224B
- 231B3D
- 1A1430
- 120D23
- 0A0717
- 04030C
- 010104
- 000000
Toni
- 443A6A
- 4A426D
- 504A70
- 575172
- 5D5975
- 646177
- 6B687A
- 72707C
- 79787E
Armonie di colore
Complementare +180°
- 3E3267
Minsk
- 3E4000
≈ Green Not Found
Analogo -30° +30°
- 3E3267
Minsk
- 213B6B
≈ Limoges
- 522B58
≈ Kuwanomi Purple
Triadico +120° +240°
- 3E3267
Minsk
- 602C03
≈ Count Chocula
- 004838
≈ Sherwood Green
Complementare divisa +150° +210°
- 3E3267
Minsk
- 503800
≈ Eyelash Camel
- 1D4818
≈ Pine Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.30:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.85:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.30:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--minsk: #3e3267;
--minsk-rgb: 62 50 103;
--minsk-oklch: oklch(0.358 0.089 291.7);
}
.element {
color: var(--minsk);
background-color: hsl(254 35% 30%);
border-color: oklch(0.358 0.089 291.7);
}Tailwind CSS v4
@theme {
--color-minsk: #3e3267;
--color-minsk-50: #f6f1ff;
--color-minsk-100: #e9e3ff;
--color-minsk-200: #d5cef8;
--color-minsk-300: #b9afe1;
--color-minsk-400: #9f95cf;
--color-minsk-500: #877bbd;
--color-minsk-600: #72689f;
--color-minsk-700: #5b5380;
--color-minsk-800: #423d5f;
--color-minsk-900: #2d2a43;
--color-minsk-950: #1a172b;
}SCSS
$minsk: #3e3267;
$minsk-rgb: 62, 50, 103;
$minsk-light: mix(#fff, $minsk, 20%);
$minsk-dark: mix(#000, $minsk, 20%);
.element {
color: $minsk;
box-shadow: 0 0 0 2px rgba($minsk, 0.35);
}