가장 가까운 이름 색상 · #3645B0
#3645B0
가장 가까운 이름 색상: Denim
#3645B0(rgb(54 69 176), hsl(233 53% 45%), oklch(0.446 0.17 271.5))와 가장 가까운 이름 색상은 Denim입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3645B0
oklch(0.446 0.17 271.5)
색상 변환
- HEX
- #3645b0
- RGB
- rgb(54 69 176)
- HSL
- hsl(233 53% 45%)
- HWB
- hwb(233 21% 31%)
- OKLCH
- oklch(0.446 0.17 271.5)
- OKLab
- oklab(0.446 0.005 -0.17)
- CIE Lab
- lab(33.39 22.9 -60.13)
- LCH
- lch(33.39 64.35 290.8)
- CMYK
- cmyk(69% 61% 0% 31%)
틴트 · 셰이드 · 톤
틴트
- 4659B9
- 586CC2
- 6A7ECB
- 7E91D3
- 92A3DB
- A7B5E3
- BCC7EB
- D2DAF2
- E8ECF9
셰이드
- 2E3B99
- 253182
- 1E276C
- 161E56
- 0F1542
- 080C2E
- 03051C
- 01020B
- 000001
톤
- 3C4DAC
- 4254A8
- 495BA4
- 51619F
- 58669B
- 606C96
- 687191
- 70768C
- 787B86
색 조화
보색 +180°
- 3645B0
Denim
- 675200
≈ Olive Brown
유사색 -30° +30°
- 3645B0
Denim
- 005A88
≈ Impulse
- 6732A0
≈ Purple Heart
삼각 배색 +120° +240°
분열 보색 +150° +210°
- 3645B0
Denim
- 7C4400
≈ Dusky Brown
- 4B5D00
≈ Kyuri Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.96:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.63:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--denim: #3645b0;
--denim-rgb: 54 69 176;
--denim-oklch: oklch(0.446 0.17 271.5);
}
.element {
color: var(--denim);
background-color: hsl(233 53% 45%);
border-color: oklch(0.446 0.17 271.5);
}Tailwind CSS v4
@theme {
--color-denim: #3645b0;
--color-denim-50: #e5f3ff;
--color-denim-100: #d5e5ff;
--color-denim-200: #bdcfff;
--color-denim-300: #9cb0ff;
--color-denim-400: #7b95ff;
--color-denim-500: #6079f5;
--color-denim-600: #5166ce;
--color-denim-700: #4152a6;
--color-denim-800: #2c3c7c;
--color-denim-900: #1d2a58;
--color-denim-950: #0e173c;
}SCSS
$denim: #3645b0;
$denim-rgb: 54, 69, 176;
$denim-light: mix(#fff, $denim, 20%);
$denim-dark: mix(#000, $denim, 20%);
.element {
color: $denim;
box-shadow: 0 0 0 2px rgba($denim, 0.35);
}