가장 가까운 이름 색상 · #004763
#004763
가장 가까운 이름 색상: Maniac Mansion
#004763(rgb(0 71 99), hsl(197 100% 19%), oklch(0.374 0.077 233.1))와 가장 가까운 이름 색상은 Maniac Mansion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#004763
oklch(0.374 0.077 233.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 245872
- 3D6981
- 547B90
- 6C8D9F
- 839FAF
- 9BB2BF
- B4C5CE
- CCD8DE
- E5EBEF
셰이드
- 003D55
- 003247
- 00283A
- 001F2E
- 001621
- 000D16
- 00060B
- 000203
- 000000
톤
- 174D66
- 265369
- 33586C
- 3E5E6F
- 4A6472
- 556975
- 606F78
- 6A757B
- 757A7D
색 조화
보색 +180°
- 004763
Maniac Mansion
- 603414
≈ Bock
유사색 -30° +30°
- 004763
Maniac Mansion
- 004A50
≈ Sherpa Blue
- 2B406A
≈ Nightlife
삼각 배색 +120° +240°
- 004763
Maniac Mansion
- 602E44
≈ Vistoris Lake
- 414509
≈ Green Not Found
분열 보색 +150° +210°
- 004763
Maniac Mansion
- 642E2D
≈ Rookwood Red
- 543C00
≈ Pineapple
사각 배색 +90° +180° +270°
- 004763
Maniac Mansion
- 543258
≈ Purple Prose
- 603414
≈ Bock
- 264B24
≈ Cal Poly Pomona Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.08:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.08:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
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);
}