가장 가까운 이름 색상 · #27186C
#27186C
가장 가까운 이름 색상: Infinite Inkwell
#27186C(rgb(39 24 108), hsl(251 64% 26%), oklch(0.293 0.136 282.2))와 가장 가까운 이름 색상은 Infinite Inkwell입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#27186C
oklch(0.293 0.136 282.2)
색상 변환
- HEX
- #27186c
- RGB
- rgb(39 24 108)
- HSL
- hsl(251 64% 26%)
- HWB
- hwb(251 9% 58%)
- OKLCH
- oklch(0.293 0.136 282.2)
- OKLab
- oklab(0.293 0.029 -0.133)
- CIE Lab
- lab(15.57 27.6 -47.2)
- LCH
- lch(15.57 54.68 300.3)
- CMYK
- cmyk(64% 78% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 37317B
- 49478B
- 5D5D9A
- 7173A8
- 8789B7
- 9EA0C6
- B5B7D4
- CDCFE2
- E6E7F1
셰이드
- 20135D
- 1A0F4E
- 140A40
- 0E0732
- 080425
- 040219
- 02010D
- 010004
- 000000
톤
- 2E256F
- 353172
- 3D3B75
- 454577
- 4E4F79
- 58597B
- 61637D
- 6B6D7E
- 76767F
색 조화
보색 +180°
- 27186C
Infinite Inkwell
- 322D00
≈ Secret Passage
유사색 -30° +30°
- 27186C
Infinite Inkwell
- 002C56
≈ Dark Tyrian Blue
- 42075B
≈ Ripe Plum
삼각 배색 +120° +240°
- 27186C
Infinite Inkwell
- 4E1800
≈ Chocolate Rush
- 003622
≈ Off-Road Green
분열 보색 +150° +210°
- 27186C
Infinite Inkwell
- 3F2600
≈ Blackened Brown
- 1C3400
≈ Blind Forest
사각 배색 +90° +180° +270°
- 27186C
Infinite Inkwell
- 58001C
≈ Bloedworst
- 322D00
≈ Secret Passage
- 003433
≈ Nora’s Forest
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.64:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.43:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.64:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--infinite-inkwell: #27186c;
--infinite-inkwell-rgb: 39 24 108;
--infinite-inkwell-oklch: oklch(0.293 0.136 282.2);
}
.element {
color: var(--infinite-inkwell);
background-color: hsl(251 64% 26%);
border-color: oklch(0.293 0.136 282.2);
}Tailwind CSS v4
@theme {
--color-infinite-inkwell: #27186c;
--color-infinite-inkwell-50: #f0f1ff;
--color-infinite-inkwell-100: #e2e3ff;
--color-infinite-inkwell-200: #cdcdff;
--color-infinite-inkwell-300: #afaefb;
--color-infinite-inkwell-400: #9293ec;
--color-infinite-inkwell-500: #7a78dd;
--color-infinite-inkwell-600: #6765ba;
--color-infinite-inkwell-700: #525196;
--color-infinite-inkwell-800: #3a3b70;
--color-infinite-inkwell-900: #28294f;
--color-infinite-inkwell-950: #161635;
}SCSS
$infinite-inkwell: #27186c;
$infinite-inkwell-rgb: 39, 24, 108;
$infinite-inkwell-light: mix(#fff, $infinite-inkwell, 20%);
$infinite-inkwell-dark: mix(#000, $infinite-inkwell, 20%);
.element {
color: $infinite-inkwell;
box-shadow: 0 0 0 2px rgba($infinite-inkwell, 0.35);
}