가장 가까운 이름 색상 · #043F52
#043F52
가장 가까운 이름 색상: Maniac Mansion
#043F52(rgb(4 63 82), hsl(195 91% 17%), oklch(0.343 0.064 226.4))와 가장 가까운 이름 색상은 Maniac Mansion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#043F52
oklch(0.343 0.064 226.4)
색상 변환
- HEX
- #043f52
- RGB
- rgb(4 63 82)
- HSL
- hsl(195 91% 17%)
- HWB
- hwb(195 2% 68%)
- OKLCH
- oklch(0.343 0.064 226.4)
- OKLab
- oklab(0.343 -0.044 -0.046)
- CIE Lab
- lab(24.01 -12.19 -16.8)
- LCH
- lch(24.01 20.76 234)
- CMYK
- cmyk(95% 23% 0% 68%)
틴트 · 셰이드 · 톤
틴트
- 235062
- 3B6272
- 537483
- 6A8794
- 829AA5
- 9AAEB6
- B2C1C8
- CCD6DA
- E5EAED
셰이드
- 033546
- 022C3B
- 01232F
- 011B25
- 00121A
- 000A11
- 000408
- 000102
- 000000
톤
- 174557
- 254C5B
- 325260
- 3D5965
- 485F69
- 54666E
- 5F6C72
- 6A7377
- 75797B
색 조화
보색 +180°
- 043F52
Maniac Mansion
- 532D1A
≈ Boson Brown
유사색 -30° +30°
- 043F52
Maniac Mansion
- 004243
≈ Warm Black
- 223959
≈ Navy Peony
삼각 배색 +120° +240°
- 043F52
Maniac Mansion
- 502A3F
≈ Potent Purple
- 3D3B0D
≈ Camouflage
분열 보색 +150° +210°
- 043F52
Maniac Mansion
- 552A2D
≈ Kuwazome Red
- 4B340B
≈ Kyoto House
사각 배색 +90° +180° +270°
- 043F52
Maniac Mansion
- 462E4F
≈ Purple Pennant
- 532D1A
≈ Boson Brown
- 29401E
≈ Myrtle
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.42:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.83:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.42:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--maniac-mansion: #043f52;
--maniac-mansion-rgb: 4 63 82;
--maniac-mansion-oklch: oklch(0.343 0.064 226.4);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(195 91% 17%);
border-color: oklch(0.343 0.064 226.4);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #043f52;
--color-maniac-mansion-50: #e3f9ff;
--color-maniac-mansion-100: #d3edf9;
--color-maniac-mansion-200: #b9daea;
--color-maniac-mansion-300: #96bed1;
--color-maniac-mansion-400: #76a7bc;
--color-maniac-mansion-500: #568fa7;
--color-maniac-mansion-600: #49798d;
--color-maniac-mansion-700: #3a6171;
--color-maniac-mansion-800: #294753;
--color-maniac-mansion-900: #1b313a;
--color-maniac-mansion-950: #0b1d24;
}SCSS
$maniac-mansion: #043f52;
$maniac-mansion-rgb: 4, 63, 82;
$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);
}