Couleur nommée la plus proche · #004763
#004763
Couleur nommée la plus proche: Maniac Mansion
#004763 (rgb(0 71 99), hsl(197 100% 19%), oklch(0.374 0.077 233.1)) est la plus proche de la couleur nommée Maniac Mansion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#004763
oklch(0.374 0.077 233.1)
Conversions de couleur
- HEX
- #004763
- RGB
- rgb(0 71 99)
- HSL
- hsl(197 100% 19%)
- HWB
- hwb(197 0% 61%)
- OKLCH
- oklch(0.374 0.077 233.1)
- OKLab
- oklab(0.374 -0.047 -0.062)
- CIE Lab
- lab(27.5 -11.41 -22.37)
- LCH
- lch(27.5 25.11 243)
- CMYK
- cmyk(100% 28% 0% 61%)
Teintes · Ombres · Tons
Teintes
- 245872
- 3D6981
- 547B90
- 6C8D9F
- 839FAF
- 9BB2BF
- B4C5CE
- CCD8DE
- E5EBEF
Ombres
- 003D55
- 003247
- 00283A
- 001F2E
- 001621
- 000D16
- 00060B
- 000203
- 000000
Tons
- 174D66
- 265369
- 33586C
- 3E5E6F
- 4A6472
- 556975
- 606F78
- 6A757B
- 757A7D
Harmonies de couleurs
Complémentaire +180°
- 004763
Maniac Mansion
- 603414
≈ Bock
Analogue -30° +30°
- 004763
Maniac Mansion
- 004A50
≈ Sherpa Blue
- 2B406A
≈ Nightlife
Triadique +120° +240°
- 004763
Maniac Mansion
- 602E44
≈ Vistoris Lake
- 414509
≈ Green Not Found
Complémentaire divisée +150° +210°
- 004763
Maniac Mansion
- 642E2D
≈ Rookwood Red
- 543C00
≈ Pineapple
Tétradique +90° +180° +270°
- 004763
Maniac Mansion
- 543258
≈ Purple Prose
- 603414
≈ Bock
- 264B24
≈ Cal Poly Pomona Green
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.08:1 · APCA Lc 93
Ag
FailSur noir
WCAG 2.08:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--maniac-mansion: #004763;
--maniac-mansion-rgb: 0 71 99;
--maniac-mansion-oklch: oklch(0.374 0.077 233.1);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(197 100% 19%);
border-color: oklch(0.374 0.077 233.1);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #004763;
--color-maniac-mansion-50: #e1f9ff;
--color-maniac-mansion-100: #d0edff;
--color-maniac-mansion-200: #b5daf1;
--color-maniac-mansion-300: #91beda;
--color-maniac-mansion-400: #6fa7c5;
--color-maniac-mansion-500: #4d8fb1;
--color-maniac-mansion-600: #427996;
--color-maniac-mansion-700: #346178;
--color-maniac-mansion-800: #244758;
--color-maniac-mansion-900: #18313e;
--color-maniac-mansion-950: #081d27;
}SCSS
$maniac-mansion: #004763;
$maniac-mansion-rgb: 0, 71, 99;
$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);
}