Cor nomeada mais próxima · #003F5A
#003F5A
Cor nomeada mais próxima: Maniac Mansion
#003F5A (rgb(0 63 90), hsl(198 100% 18%), oklch(0.347 0.073 234.7)) é mais próxima da cor nomeada Maniac Mansion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#003F5A
oklch(0.347 0.073 234.7)
Conversões de cor
- HEX
- #003f5a
- RGB
- rgb(0 63 90)
- HSL
- hsl(198 100% 18%)
- HWB
- hwb(198 0% 65%)
- OKLCH
- oklch(0.347 0.073 234.7)
- OKLab
- oklab(0.347 -0.042 -0.06)
- CIE Lab
- lab(24.27 -9.98 -21.62)
- LCH
- lch(24.27 23.81 245.2)
- CMYK
- cmyk(100% 30% 0% 65%)
Tons claros · Sombras · Tons
Tons claros
- 21516A
- 3A6279
- 527589
- 69879A
- 819AAA
- 99AEBB
- B2C2CB
- CBD6DC
- E5EAEE
Sombras
- 00354D
- 002C41
- 002335
- 001B29
- 00121E
- 000A13
- 000409
- 000103
- 000000
Tons
- 15465E
- 244C62
- 305266
- 3C596A
- 485F6E
- 536671
- 5E6C75
- 697379
- 75797C
Harmonias de cor
Complementar +180°
- 003F5A
Maniac Mansion
- 562E0E
≈ Dark Catacombs
Análoga -30° +30°
- 003F5A
Maniac Mansion
- 004248
≈ Warm Black
- 263860
≈ Midnight Sleigh
Tríade +120° +240°
- 003F5A
Maniac Mansion
- 57283C
≈ Zinfandel
- 393E07
≈ Dark Olive
Complementar dividida +150° +210°
- 003F5A
Maniac Mansion
- 5A2926
≈ Worcestershire Sauce
- 4B3600
≈ Night in the Woods
Tétrade +90° +180° +270°
- 003F5A
Maniac Mansion
- 4C2B4F
≈ Murasaki
- 562E0E
≈ Dark Catacombs
- 1E4320
≈ Myrtle
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.29:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.85:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.29:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--maniac-mansion: #003f5a;
--maniac-mansion-rgb: 0 63 90;
--maniac-mansion-oklch: oklch(0.347 0.073 234.7);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(198 100% 18%);
border-color: oklch(0.347 0.073 234.7);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #003f5a;
--color-maniac-mansion-50: #e2f9ff;
--color-maniac-mansion-100: #d2ecfe;
--color-maniac-mansion-200: #b8daf0;
--color-maniac-mansion-300: #94bed9;
--color-maniac-mansion-400: #73a6c4;
--color-maniac-mansion-500: #528eb0;
--color-maniac-mansion-600: #467894;
--color-maniac-mansion-700: #386077;
--color-maniac-mansion-800: #274758;
--color-maniac-mansion-900: #1a313d;
--color-maniac-mansion-950: #0a1d27;
}SCSS
$maniac-mansion: #003f5a;
$maniac-mansion-rgb: 0, 63, 90;
$maniac-mansion-light: mix(#fff, $maniac-mansion, 20%);
$maniac-mansion-dark: mix(#000, $maniac-mansion, 20%);
.element {
color: $maniac-mansion;
box-shadow: 0 0 0 2px rgba($maniac-mansion, 0.35);
}