En yakın adlandırılmış renk · #004A64
#004A64
En yakın adlandırılmış renk: Maniac Mansion
#004A64 (rgb(0 74 100), hsl(196 100% 20%), oklch(0.383 0.077 230.2)) 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.
#004A64
oklch(0.383 0.077 230.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 255B73
- 3E6C82
- 557D91
- 6D8FA0
- 84A1AF
- 9CB3BF
- B4C6CF
- CDD8DF
- E6ECEF
Koyu tonlar
- 003F56
- 003548
- 002A3B
- 00202E
- 001722
- 000E16
- 00060B
- 000203
- 000000
Gri tonlar
- 185067
- 27556A
- 345A6D
- 3F6070
- 4A6573
- 556B75
- 607078
- 6B757B
- 757B7D
Renk uyumları
Tamamlayıcı +180°
- 004A64
Maniac Mansion
- 63361A
≈ Meatloaf
Analog -30° +30°
- 004A64
Maniac Mansion
- 004D51
≈ Dark Teal
- 2A436C
≈ Nightlife
Üçlü +120° +240°
- 004A64
Maniac Mansion
- 613149
≈ Grape Wine
- 46460C
≈ Alligator Gladiator
Bölünmüş tamamlayıcı +150° +210°
- 004A64
Maniac Mansion
- 663132
≈ Voluptuous
- 583E05
≈ Pineapple
Dörtlü +90° +180° +270°
- 004A64
Maniac Mansion
- 55355C
≈ Passion Razz
- 63361A
≈ Meatloaf
- 2B4D24
≈ Chestnut Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.70:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.16:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.70:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}