가장 가까운 이름 색상 · #3C3249
#3C3249
가장 가까운 이름 색상: Maharaja
#3C3249(rgb(60 50 73), hsl(266 19% 24%), oklch(0.338 0.042 304.1))와 가장 가까운 이름 색상은 Maharaja입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3C3249
oklch(0.338 0.042 304.1)
색상 변환
- HEX
- #3c3249
- RGB
- rgb(60 50 73)
- HSL
- hsl(266 19% 24%)
- HWB
- hwb(266 20% 71%)
- OKLCH
- oklch(0.338 0.042 304.1)
- OKLab
- oklab(0.338 0.023 -0.034)
- CIE Lab
- lab(22.64 8.7 -12.61)
- LCH
- lch(22.64 15.32 304.6)
- CMYK
- cmyk(18% 32% 0% 71%)
틴트 · 셰이드 · 톤
틴트
- 4D4459
- 5F566A
- 716A7C
- 847E8D
- 9792A0
- ABA7B2
- C0BCC5
- D4D2D8
- EAE8EB
셰이드
- 332A3E
- 2A2234
- 211B2A
- 191420
- 110D17
- 0A070E
- 040306
- 010102
- 000000
톤
- 42394E
- 494154
- 4F4859
- 56505F
- 5D5864
- 64606A
- 6B686F
- 727075
- 79787A
색 조화
보색 +180°
- 3C3249
Maharaja
- 333B23
≈ Turtle Skin
유사색 -30° +30°
- 3C3249
Maharaja
- 31364D
≈ German Liquorice
- 452F40
≈ Voodoo
삼각 배색 +120° +240°
- 3C3249
Maharaja
- 473320
≈ Clinker
- 1B3E3A
≈ Botanical Night
분열 보색 +150° +210°
- 3C3249
Maharaja
- 3E371D
≈ LeChuck’s Beard
- 263E2E
≈ English Holly
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.03:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.74:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.03:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--maharaja: #3c3249;
--maharaja-rgb: 60 50 73;
--maharaja-oklch: oklch(0.338 0.042 304.1);
}
.element {
color: var(--maharaja);
background-color: hsl(266 19% 24%);
border-color: oklch(0.338 0.042 304.1);
}Tailwind CSS v4
@theme {
--color-maharaja: #3c3249;
--color-maharaja-50: #f8f2ff;
--color-maharaja-100: #ebe5f3;
--color-maharaja-200: #d8d0e3;
--color-maharaja-300: #bdb2c9;
--color-maharaja-400: #a499b3;
--color-maharaja-500: #8c809d;
--color-maharaja-600: #766c85;
--color-maharaja-700: #5f566a;
--color-maharaja-800: #453f4f;
--color-maharaja-900: #302b37;
--color-maharaja-950: #1c1922;
}SCSS
$maharaja: #3c3249;
$maharaja-rgb: 60, 50, 73;
$maharaja-light: mix(#fff, $maharaja, 20%);
$maharaja-dark: mix(#000, $maharaja, 20%);
.element {
color: $maharaja;
box-shadow: 0 0 0 2px rgba($maharaja, 0.35);
}