Cor nomeada mais próxima · #3F3059
#3F3059
Cor nomeada mais próxima: Midnight Pie
#3F3059 (rgb(63 48 89), hsl(262 30% 27%), oklch(0.346 0.072 299.5)) é mais próxima da cor nomeada Midnight Pie. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3F3059
oklch(0.346 0.072 299.5)
Conversões de cor
- HEX
- #3f3059
- RGB
- rgb(63 48 89)
- HSL
- hsl(262 30% 27%)
- HWB
- hwb(262 19% 65%)
- OKLCH
- oklch(0.346 0.072 299.5)
- OKLab
- oklab(0.346 0.035 -0.062)
- CIE Lab
- lab(23.1 14.55 -22.47)
- LCH
- lch(23.1 26.77 302.9)
- CMYK
- cmyk(29% 46% 0% 65%)
Tons claros · Sombras · Tons
Tons claros
- 504269
- 615579
- 736989
- 867D99
- 9992A9
- ADA7BA
- C1BCCB
- D5D2DC
- EAE8EE
Sombras
- 35284C
- 2C2140
- 231A34
- 1B1328
- 120C1D
- 0A0613
- 040309
- 010103
- 000000
Tons
- 45385D
- 4B4061
- 514865
- 584F69
- 5E576D
- 655F71
- 6B6775
- 727079
- 79787C
Harmonias de cor
Complementar +180°
- 3F3059
Midnight Pie
- 353E0C
≈ Dark Olive
Análoga -30° +30°
- 3F3059
Midnight Pie
- 2B375F
≈ Blue Depths
- 4E2B4B
≈ Murasaki
Tríade +120° +240°
- 3F3059
Midnight Pie
- 542F0C
≈ Dark Catacombs
- 00443A
≈ MSU Green
Complementar dividida +150° +210°
- 3F3059
Midnight Pie
- 483700
≈ Night in the Woods
- 1A4324
≈ Myrtle
Tétrade +90° +180° +270°
- 3F3059
Midnight Pie
- 592923
≈ Caput Mortuum
- 353E0C
≈ Dark Olive
- 00424A
≈ Warm Black
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.80:1 · APCA Lc 97
Ag
FailSobre preto
WCAG 1.77:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--midnight-pie: #3f3059;
--midnight-pie-rgb: 63 48 89;
--midnight-pie-oklch: oklch(0.346 0.072 299.5);
}
.element {
color: var(--midnight-pie);
background-color: hsl(262 30% 27%);
border-color: oklch(0.346 0.072 299.5);
}Tailwind CSS v4
@theme {
--color-midnight-pie: #3f3059;
--color-midnight-pie-50: #f8f1ff;
--color-midnight-pie-100: #ece3fd;
--color-midnight-pie-200: #d9ceef;
--color-midnight-pie-300: #beafd7;
--color-midnight-pie-400: #a495c3;
--color-midnight-pie-500: #8d7caf;
--color-midnight-pie-600: #776994;
--color-midnight-pie-700: #5f5477;
--color-midnight-pie-800: #453d58;
--color-midnight-pie-900: #302a3e;
--color-midnight-pie-950: #1c1827;
}SCSS
$midnight-pie: #3f3059;
$midnight-pie-rgb: 63, 48, 89;
$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);
}