Cor nomeada mais próxima · #004159
#004159
Cor nomeada mais próxima: Maniac Mansion
#004159 (rgb(0 65 89), hsl(196 100% 17%), oklch(0.352 0.071 230.9)) é 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.
#004159
oklch(0.352 0.071 230.9)
Conversões de cor
- HEX
- #004159
- RGB
- rgb(0 65 89)
- HSL
- hsl(196 100% 17%)
- HWB
- hwb(196 0% 65%)
- OKLCH
- oklch(0.352 0.071 230.9)
- OKLab
- oklab(0.352 -0.045 -0.055)
- CIE Lab
- lab(24.94 -11.45 -19.93)
- LCH
- lch(24.94 22.98 240.1)
- CMYK
- cmyk(100% 27% 0% 65%)
Tons claros · Sombras · Tons
Tons claros
- 225269
- 3B6478
- 527688
- 6A8999
- 829CA9
- 9AAFBA
- B2C2CB
- CCD6DC
- E5EAED
Sombras
- 00374C
- 002E40
- 002534
- 001C28
- 00131D
- 000B13
- 000509
- 000103
- 000000
Tons
- 15475D
- 244E61
- 315465
- 3D5A69
- 48606D
- 536771
- 5F6D75
- 6A7379
- 757A7C
Harmonias de cor
Complementar +180°
- 004159
Maniac Mansion
- 582F15
≈ Fudge Brownie
Análoga -30° +30°
- 004159
Maniac Mansion
- 004448
≈ Dark Side
- 253A60
≈ Midnight Sleigh
Tríade +120° +240°
- 004159
Maniac Mansion
- 562A40
≈ Potent Purple
- 3D3E09
≈ Dark Olive
Complementar dividida +150° +210°
- 004159
Maniac Mansion
- 5A2A2B
≈ Kuwazome Red
- 4E3603
≈ Eyelash Camel
Tétrade +90° +180° +270°
- 004159
Maniac Mansion
- 4C2E51
≈ Purple Shade
- 582F15
≈ Fudge Brownie
- 254420
≈ Myrtle
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.05:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.90:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 11.05:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--maniac-mansion: #004159;
--maniac-mansion-rgb: 0 65 89;
--maniac-mansion-oklch: oklch(0.352 0.071 230.9);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(196 100% 17%);
border-color: oklch(0.352 0.071 230.9);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #004159;
--color-maniac-mansion-50: #e2f9ff;
--color-maniac-mansion-100: #d2edfc;
--color-maniac-mansion-200: #b7daee;
--color-maniac-mansion-300: #94bed6;
--color-maniac-mansion-400: #72a7c1;
--color-maniac-mansion-500: #518fad;
--color-maniac-mansion-600: #467992;
--color-maniac-mansion-700: #376175;
--color-maniac-mansion-800: #264756;
--color-maniac-mansion-900: #1a313c;
--color-maniac-mansion-950: #0a1d26;
}SCSS
$maniac-mansion: #004159;
$maniac-mansion-rgb: 0, 65, 89;
$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);
}