最も近い色名 · #004A64
#004A64
最も近い色名: Maniac Mansion
#004A64（rgb(0 74 100)、hsl(196 100% 20%)、oklch(0.383 0.077 230.2)）に最も近い色名はManiac Mansionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#004A64
oklch(0.383 0.077 230.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 255B73
- 3E6C82
- 557D91
- 6D8FA0
- 84A1AF
- 9CB3BF
- B4C6CF
- CDD8DF
- E6ECEF
シェード
- 003F56
- 003548
- 002A3B
- 00202E
- 001722
- 000E16
- 00060B
- 000203
- 000000
トーン
- 185067
- 27556A
- 345A6D
- 3F6070
- 4A6573
- 556B75
- 607078
- 6B757B
- 757B7D
カラーハーモニー
補色 +180°
- 004A64
Maniac Mansion
- 63361A
≈ Meatloaf
類似色 -30° +30°
- 004A64
Maniac Mansion
- 004D51
≈ Dark Teal
- 2A436C
≈ Nightlife
トライアド +120° +240°
- 004A64
Maniac Mansion
- 613149
≈ Grape Wine
- 46460C
≈ Alligator Gladiator
スプリットコンプリメンタリー +150° +210°
- 004A64
Maniac Mansion
- 663132
≈ Voluptuous
- 583E05
≈ Pineapple
テトラード +90° +180° +270°
- 004A64
Maniac Mansion
- 55355C
≈ Passion Razz
- 63361A
≈ Meatloaf
- 2B4D24
≈ Chestnut Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.70:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.16:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.70:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
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);
}