Cor nomeada mais próxima · #004A64
#004A64
Cor nomeada mais próxima: Maniac Mansion
#004A64 (rgb(0 74 100), hsl(196 100% 20%), oklch(0.383 0.077 230.2)) é 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.
#004A64
oklch(0.383 0.077 230.2)
Conversões de cor
- HEX
- #004a64
- RGB
- rgb(0 74 100)
- HSL
- hsl(196 100% 20%)
- HWB
- hwb(196 0% 61%)
- OKLCH
- oklch(0.383 0.077 230.2)
- OKLab
- oklab(0.383 -0.049 -0.059)
- CIE Lab
- lab(28.59 -12.73 -21.31)
- LCH
- lch(28.59 24.82 239.1)
- CMYK
- cmyk(100% 26% 0% 61%)
Tons claros · Sombras · Tons
Tons claros
- 255B73
- 3E6C82
- 557D91
- 6D8FA0
- 84A1AF
- 9CB3BF
- B4C6CF
- CDD8DF
- E6ECEF
Sombras
- 003F56
- 003548
- 002A3B
- 00202E
- 001722
- 000E16
- 00060B
- 000203
- 000000
Tons
- 185067
- 27556A
- 345A6D
- 3F6070
- 4A6573
- 556B75
- 607078
- 6B757B
- 757B7D
Harmonias de cor
Complementar +180°
- 004A64
Maniac Mansion
- 63361A
≈ Meatloaf
Análoga -30° +30°
- 004A64
Maniac Mansion
- 004D51
≈ Dark Teal
- 2A436C
≈ Nightlife
Tríade +120° +240°
- 004A64
Maniac Mansion
- 613149
≈ Grape Wine
- 46460C
≈ Alligator Gladiator
Complementar dividida +150° +210°
- 004A64
Maniac Mansion
- 663132
≈ Voluptuous
- 583E05
≈ Pineapple
Tétrade +90° +180° +270°
- 004A64
Maniac Mansion
- 55355C
≈ Passion Razz
- 63361A
≈ Meatloaf
- 2B4D24
≈ Chestnut Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.70:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.16:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.70:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--maniac-mansion: #004a64;
--maniac-mansion-rgb: 0 74 100;
--maniac-mansion-oklch: oklch(0.383 0.077 230.2);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(196 100% 20%);
border-color: oklch(0.383 0.077 230.2);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #004a64;
--color-maniac-mansion-50: #e0faff;
--color-maniac-mansion-100: #d0edfe;
--color-maniac-mansion-200: #b4dbf0;
--color-maniac-mansion-300: #90bfd8;
--color-maniac-mansion-400: #6ea7c3;
--color-maniac-mansion-500: #4b90af;
--color-maniac-mansion-600: #417a94;
--color-maniac-mansion-700: #336177;
--color-maniac-mansion-800: #234857;
--color-maniac-mansion-900: #17323d;
--color-maniac-mansion-950: #081d26;
}SCSS
$maniac-mansion: #004a64;
$maniac-mansion-rgb: 0, 74, 100;
$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);
}