Color con nombre más cercano · #3D3058
#3D3058
Color con nombre más cercano: Midnight Pie
#3D3058 (rgb(61 48 88), hsl(260 29% 27%), oklch(0.343 0.07 297.6)) se parece más al color con nombre Midnight Pie. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3D3058
oklch(0.343 0.07 297.6)
Conversiones de color
- HEX
- #3d3058
- RGB
- rgb(61 48 88)
- HSL
- hsl(260 29% 27%)
- HWB
- hwb(260 19% 65%)
- OKLCH
- oklch(0.343 0.07 297.6)
- OKLab
- oklab(0.343 0.032 -0.062)
- CIE Lab
- lab(22.82 13.6 -22.27)
- LCH
- lch(22.82 26.09 301.4)
- CMYK
- cmyk(31% 45% 0% 65%)
Tintes · Sombras · Tonos
Tintes
- 4E4268
- 5F5578
- 726988
- 847D98
- 9892A9
- ACA7BA
- C0BCCB
- D4D2DC
- EAE8ED
Sombras
- 34284B
- 2B213F
- 221A33
- 1A1328
- 120C1D
- 0A0612
- 040309
- 010103
- 000000
Tonos
- 43385C
- 494060
- 504765
- 564F69
- 5D576D
- 645F71
- 6B6775
- 727078
- 79787C
Armonías de color
Complementario +180°
- 3D3058
Midnight Pie
- 363D0C
≈ Dark Olive
Análogo -30° +30°
- 3D3058
Midnight Pie
- 29375D
≈ Midnight Sleigh
- 4C2B4B
≈ Murasaki
Triádico +120° +240°
- 3D3058
Midnight Pie
- 532E0E
≈ Dark Catacombs
- 004338
≈ UP Forest Green
Complementario dividido +150° +210°
- 3D3058
Midnight Pie
- 483601
≈ Night in the Woods
- 1C4223
≈ Queen of Trees
Tetrádico +90° +180° +270°
- 3D3058
Midnight Pie
- 572924
≈ Worcestershire Sauce
- 363D0C
≈ Dark Olive
- 004148
≈ Warm Black
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.91:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.76:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.91:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--midnight-pie: #3d3058;
--midnight-pie-rgb: 61 48 88;
--midnight-pie-oklch: oklch(0.343 0.07 297.6);
}
.element {
color: var(--midnight-pie);
background-color: hsl(260 29% 27%);
border-color: oklch(0.343 0.07 297.6);
}Tailwind CSS v4
@theme {
--color-midnight-pie: #3d3058;
--color-midnight-pie-50: #f8f1ff;
--color-midnight-pie-100: #ebe3fc;
--color-midnight-pie-200: #d8ceee;
--color-midnight-pie-300: #bcb0d7;
--color-midnight-pie-400: #a396c3;
--color-midnight-pie-500: #8b7caf;
--color-midnight-pie-600: #766994;
--color-midnight-pie-700: #5e5476;
--color-midnight-pie-800: #443e58;
--color-midnight-pie-900: #2f2a3e;
--color-midnight-pie-950: #1c1827;
}SCSS
$midnight-pie: #3d3058;
$midnight-pie-rgb: 61, 48, 88;
$midnight-pie-light: mix(#fff, $midnight-pie, 20%);
$midnight-pie-dark: mix(#000, $midnight-pie, 20%);
.element {
color: $midnight-pie;
box-shadow: 0 0 0 2px rgba($midnight-pie, 0.35);
}