En yakın adlandırılmış renk · #004763
#004763
En yakın adlandırılmış renk: Maniac Mansion
#004763 (rgb(0 71 99), hsl(197 100% 19%), oklch(0.374 0.077 233.1)) en çok Maniac Mansion adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#004763
oklch(0.374 0.077 233.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 245872
- 3D6981
- 547B90
- 6C8D9F
- 839FAF
- 9BB2BF
- B4C5CE
- CCD8DE
- E5EBEF
Koyu tonlar
- 003D55
- 003247
- 00283A
- 001F2E
- 001621
- 000D16
- 00060B
- 000203
- 000000
Gri tonlar
- 174D66
- 265369
- 33586C
- 3E5E6F
- 4A6472
- 556975
- 606F78
- 6A757B
- 757A7D
Renk uyumları
Tamamlayıcı +180°
- 004763
Maniac Mansion
- 603414
≈ Bock
Analog -30° +30°
- 004763
Maniac Mansion
- 004A50
≈ Sherpa Blue
- 2B406A
≈ Nightlife
Üçlü +120° +240°
- 004763
Maniac Mansion
- 602E44
≈ Vistoris Lake
- 414509
≈ Green Not Found
Bölünmüş tamamlayıcı +150° +210°
- 004763
Maniac Mansion
- 642E2D
≈ Rookwood Red
- 543C00
≈ Pineapple
Dörtlü +90° +180° +270°
- 004763
Maniac Mansion
- 543258
≈ Purple Prose
- 603414
≈ Bock
- 264B24
≈ Cal Poly Pomona Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.08:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.08:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
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);
}