最も近い色名 · #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);
}