青 カラーコード 一覧
紺色 カラーコード 16進数 cmyk
紫紺 色
| #402949の色基本情報 |
| 16進数 | #402949 |
| RGB | 64 , 41, 73 |
| HSV | 283 , 44% , 29% |
| HSL | 283 , 28% , 22% |
| CMY | 77% , 73% , 79% |
| XYZ | 4 , 3 , 6 |
| CIE 1976 (L*, a*, b*) | 20 , 0.17 , -0.16 |
紫紺 cmykcmykの値 C:12% M:43% Y:0% K:71%紫紺に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 5P 2/4 | 62,42,70 | 11,40,0,72 | #3E2A46 | 3.105,0.2957,0.2366 |
紫紺に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | dk22 | 22: P-2.0-5s | 22 | 66,41,68 | #422944 |
紫紺 配色紫紺の各種配色パターンの
色見本やカラーコードの一覧です。
紫紺 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 64,41,73 | #402949 |
| | 49,72,40 | #314828 |
紫紺 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 64,41,73 | #402949 |
| | 65,72,40 | #414828 |
| | 40,72,47 | #28482f |
紫紺 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 64,41,73 | #402949 |
| | 72,63,40 | #483f28 |
| | 40,72,63 | #28483f |
紫紺 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 64,41,73 | #402949 |
| | 72,47,40 | #482f28 |
| | 49,72,40 | #314828 |
| | 40,65,72 | #284148 |
紫紺 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 64,41,73 | #402949 |
| | 72,40,43 | #48282b |
| | 68,72,40 | #444828 |
| | 40,72,50 | #284832 |
| | 40,56,72 | #283848 |
紫紺 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 64,41,73 | #402949 |
| | 72,40,49 | #482831 |
| | 72,63,40 | #483f28 |
| | 49,72,40 | #314828 |
| | 40,72,63 | #28483f |
| | 40,49,72 | #283148 |
紫紺 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #422944 | | | #312e4d | | | #5d2d3f | | | #14344e | | | #642a2e | | | #004252 |
| | | #6f3826 | | | #004542 | | | #185138 | | | #704b1a | | | #535617 | | | #6b5e1b |
配色 3 色| | | | #422944 | #312e4d | | | | #5d2d3f | #14344e |
| | | | #642a2e | #004252 | | | | #6f3826 | #004542 |
| | | | #185138 | #704b1a | | | | #535617 | #6b5e1b |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #422944 | | | #664768 | | | #5a265f | | | #2e272e | | | #5a4e5a | | | #753a7a |
| | | #8b698d | | | #793580 | | | #9c5da0 | | | #ac7eae | | | #b48fb5 | | | #a497a4 |
配色 3 色| | | | #422944 | #664768 | | | | #5a265f | #2e272e |
| | | | #5a4e5a | #753a7a | | | | #8b698d | #793580 |
| | | | #9c5da0 | #ac7eae | | | | #b48fb5 | #a497a4 |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)| | | #5a265f | | | #343472 | | | #004075 | | | #00526f | | | #811f4c | | | #00625c |
| | | #9f1b34 | | | #a53b1b | | | #006f3e | | | #aa6600 | | | #717d00 | | | #a48f00 |
類似トーン (d)| | | #664768 | | | #514d72 | | | #345474 | | | #854c60 | | | #1f6578 | | | #9d5456 |
| | | #a9634c | | | #1c7570 | | | #418261 | | | #a9783f | | | #85863c | | | #a18e40 |
類似トーン (dkg)| | | #2e272e | | | #3c2f33 | | | #292830 | | | #242931 | | | #3d2f2f | | | #3d2f2b |
| | | #273439 | | | #463b30 | | | #253634 | | | #423c2d | | | #27362e | | | #3e3d2d |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (lt) | | | #b48fb5 | | | #9c95c1 | | | #7e9dc3 | | | #d995ac | | | #71b1c7 | | | #f59fa0 |
| | | #71c5be | | | #ffb195 | | | #8dd3ad | | | #ffc887 | | | #d9d784 | | | #f9e08a |
対象トーン (ltg) | | | #a497a4 | | | #9c99a9 | | | #929caa | | | #b9a3aa | | | #bda2a2 | | | #95acb5 |
| | | #bda39a | | | #90aeab | | | #95afa0 | | | #c7b3a0 | | | #c0b69b | | | #bab89b |
#402949 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2紫紺 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #5d2d3f | #642a2e | #6f3826 | #704b1a |
| | | | | | #312e4d | #14344e | #004252 | #004542 |
JIS慣用色名 紺色系 カラーコード
JIS慣用色名 紺色系のカラーサンプルを少し載せておきました。
日本語で紺色とつくものはやや暗い色合いをしています。
| 色見本 | カラーコード 16進数 | カラーコード RGB |
| | #CB4B94 | つつじ色 |
| | #775686 | 古代紫 |
| | #47384F | なす紺 |
| | #402949 | 紫紺 |
紺色という名前のつく色合いは着物などにはよく使われる色です。
（着物ではよく使われる紺色）
カラーコード 紺色系 補色(合う色)
上のJIS慣用色名の補色となる色を見本で載せておきます。
各アクセントなどの色に使えます。
つつじ色の補色
| 色見本 | カラーコード 16進数 | カラーコード RGB |
| | #4bcb82 | 75,203,130 |
古代紫の補色
| 色見本 | カラーコード 16進数 | カラーコード RGB |
| | #658656 | 101,134,86 |
なす紺の補色
| 色見本 | カラーコード 16進数 | カラーコード RGB |
| | #404f38 | 64,79,56 |
紫紺の補色
| 色見本 | カラーコード 16進数 | カラーコード RGB |
| | #324929 | 50,73,41 |
紺色は緑系の色が補色なので、紺色の花は自然のまま
でもよく目立つものが多いです。
紫紺に近い色見本 色番号紫紺に似ているカラーコード一覧、jis慣用色名、Webカラー(X11の色名)などから色見本,rgb,16進数
Pantone(パントーン)、DICからは色見本のみを5つ載せています。
紫紺に近い色 jis慣用色名| 色見本 | RGB | 16進数 | jis慣用色名 色名 |
| | 64,41,73 | #402949 | 紫紺 |
| | 71,56,79 | #47384F | なす紺 |
| | 56,60,87 | #383C57 | 勝色 |
| | 51,60,94 | #333C5E | ネービーブルー |
| | 69,42,53 | #452A35 | バーガンディー |
紫紺に近い色 Webカラー| 色見本 | RGB | 16進数 | Webカラー 色名 |
| | 72,61,139 | #483D8B | DarkSlateBlue |
| | 0,0,0 | #000000 | Black |
| | 47,79,79 | #2F4F4F | DarkSlateGray |
| | 105,105,105 | #696969 | DimGray |
| | 25,25,112 | #191970 | MidnightBlue |
紫紺に近い色 Pantone(パントーン)| 色見本 | Pantone(パントーン) 色名 |
| | PANTONE518 C |
| | PANTONE262 C |
| | PANTONE5115 C |
| | PANTONE5185 C |
| | PANTONE276 C |
紫紺に近い色 DIC| 色見本 | DIC 色名 |
| | DIC2430 |
| | DIC2413 |
| | DIC501 |
| | DIC2431 |
| | DIC465 |
紫紺の補色(合う色)紫紺の補色 色見本,rgb,16進数| 色見本 | RGB | 16進数 |
| | 50,73,41 | 324929 |
なす紺 色
| #47384Fの色基本情報 |
| 16進数 | #47384F |
| RGB | 71 , 56, 79 |
| HSV | 279 , 29% , 31% |
| HSL | 279 , 17% , 26% |
| CMY | 73% , 70% , 75% |
| XYZ | 5 , 4 , 8 |
| CIE 1976 (L*, a*, b*) | 25 , 0.11 , -0.12 |
なす紺 cmykcmykの値 C:10% M:29% Y:0% K:69%なす紺に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 5P 3/2 | 80,68,86 | 6,20,0,66 | #504456 | 6.537,0.3036,0.2819 |
なす紺に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | dk22 | 22: P-2.0-5s | 22 | 66,41,68 | #422944 |
なす紺 配色なす紺の各種配色パターンの
色見本やカラーコードの一覧です。
なす紺 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 71,56,79 | #47384F |
| | 63,78,55 | #3f4e37 |
なす紺 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 71,56,79 | #47384F |
| | 74,78,55 | #4a4e37 |
| | 55,78,58 | #374e3a |
なす紺 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 71,56,79 | #47384F |
| | 78,70,55 | #4e4637 |
| | 55,78,70 | #374e46 |
なす紺 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 71,56,79 | #47384F |
| | 78,58,55 | #4e3a37 |
| | 63,78,55 | #3f4e37 |
| | 55,74,78 | #374a4e |
なす紺 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 71,56,79 | #47384F |
| | 78,55,58 | #4e373a |
| | 76,78,55 | #4c4e37 |
| | 55,78,61 | #374e3d |
| | 55,67,78 | #37434e |
なす紺 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 71,56,79 | #47384F |
| | 78,55,63 | #4e373f |
| | 78,70,55 | #4e4637 |
| | 63,78,55 | #3f4e37 |
| | 55,78,70 | #374e46 |
| | 55,63,78 | #373f4e |
なす紺 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #422944 | | | #312e4d | | | #5d2d3f | | | #14344e | | | #004252 | | | #642a2e |
| | | #004542 | | | #6f3826 | | | #185138 | | | #704b1a | | | #535617 | | | #6b5e1b |
配色 3 色| | | | #422944 | #312e4d | | | | #5d2d3f | #14344e |
| | | | #004252 | #642a2e | | | | #004542 | #6f3826 |
| | | | #185138 | #704b1a | | | | #535617 | #6b5e1b |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #422944 | | | #5a4e5a | | | #664768 | | | #2e272e | | | #5a265f | | | #8b698d |
| | | #753a7a | | | #793580 | | | #ac7eae | | | #9c5da0 | | | #a497a4 | | | #b48fb5 |
配色 3 色| | | | #422944 | #5a4e5a | | | | #664768 | #2e272e |
| | | | #5a265f | #8b698d | | | | #753a7a | #793580 |
| | | | #ac7eae | #9c5da0 | | | | #a497a4 | #b48fb5 |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)| | | #5a265f | | | #004075 | | | #00526f | | | #343472 | | | #811f4c | | | #00625c |
| | | #9f1b34 | | | #006f3e | | | #a53b1b | | | #aa6600 | | | #717d00 | | | #a48f00 |
類似トーン (d)| | | #664768 | | | #514d72 | | | #345474 | | | #854c60 | | | #1f6578 | | | #9d5456 |
| | | #1c7570 | | | #a9634c | | | #418261 | | | #a9783f | | | #85863c | | | #a18e40 |
類似トーン (dkg)| | | #3c2f33 | | | #2e272e | | | #292830 | | | #3d2f2f | | | #242931 | | | #273439 |
| | | #3d2f2b | | | #463b30 | | | #253634 | | | #423c2d | | | #27362e | | | #3e3d2d |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (lt) | | | #9c95c1 | | | #b48fb5 | | | #7e9dc3 | | | #d995ac | | | #71b1c7 | | | #f59fa0 |
| | | #71c5be | | | #ffb195 | | | #8dd3ad | | | #ffc887 | | | #d9d784 | | | #f9e08a |
対象トーン (ltg) | | | #a497a4 | | | #9c99a9 | | | #929caa | | | #b9a3aa | | | #bda2a2 | | | #95acb5 |
| | | #bda39a | | | #90aeab | | | #95afa0 | | | #c7b3a0 | | | #c0b69b | | | #bab89b |
#47384F トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2なす紺 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #5d2d3f | #642a2e | #6f3826 | #704b1a |
| | | | | | #312e4d | #14344e | #004252 | #004542 |
紺藍 色
| #35357Dの色基本情報 |
| 16進数 | #35357D |
| RGB | 53 , 53, 125 |
| HSV | 240 , 58% , 49% |
| HSL | 240 , 40% , 35% |
| CMY | 65% , 65% , 79% |
| XYZ | 6 , 4 , 19 |
| CIE 1976 (L*, a*, b*) | 26 , 0.22 , -0.42 |
紺藍 cmykcmykの値 C:57% M:57% Y:0% K:50%紺藍に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 7.5PB 3/10 | 54,65,139 | 61,53,0,45 | #36418B | 6.471,0.2032,0.1622 |
紺藍に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | dp20 | 20: v-2.5-8s | 20 | 52,52,114 | #343472 |
紺藍 配色紺藍の各種配色パターンの
色見本やカラーコードの一覧です。
紺藍 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 53,53,125 | #35357D |
| | 125,125,54 | #7d7d36 |
紺藍 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 53,53,125 | #35357D |
| | 125,89,54 | #7d5936 |
| | 89,125,54 | #597d36 |
紺藍 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 53,53,125 | #35357D |
| | 125,54,54 | #7d3636 |
| | 54,125,54 | #367d36 |
紺藍 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 53,53,125 | #35357D |
| | 125,54,89 | #7d3659 |
| | 125,125,54 | #7d7d36 |
| | 54,125,89 | #367d59 |
紺藍 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 53,53,125 | #35357D |
| | 125,54,111 | #7d366f |
| | 125,82,54 | #7d5236 |
| | 82,125,54 | #527d36 |
| | 54,125,111 | #367d6f |
紺藍 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 53,53,125 | #35357D |
| | 125,54,125 | #7d367d |
| | 125,54,54 | #7d3636 |
| | 125,125,54 | #7d7d36 |
| | 54,125,54 | #367d36 |
| | 54,125,125 | #367d7d |
紺藍 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #343472 | | | #004075 | | | #5a265f | | | #00526f | | | #811f4c | | | #00625c |
| | | #9f1b34 | | | #a53b1b | | | #006f3e | | | #aa6600 | | | #717d00 | | | #a48f00 |
配色 3 色| | | | #343472 | #004075 | | | | #5a265f | #00526f |
| | | | #811f4c | #00625c | | | | #9f1b34 | #a53b1b |
| | | | #006f3e | #aa6600 | | | | #717d00 | #a48f00 |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #343472 | | | #4b488e | | | #474798 | | | #716bb6 | | | #514d72 | | | #312e4d |
| | | #756f99 | | | #8e87be | | | #52505e | | | #292830 | | | #9c95c1 | | | #9c99a9 |
配色 3 色| | | | #343472 | #4b488e | | | | #474798 | #716bb6 |
| | | | #514d72 | #312e4d | | | | #756f99 | #8e87be |
| | | | #52505e | #292830 | | | | #9c95c1 | #9c99a9 |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (s)| | | #4b488e | | | #753a7a | | | #005692 | | | #006a8b | | | #a03663 | | | #007b75 |
| | | #c13547 | | | #c7512c | | | #008a52 | | | #db8b08 | | | #9aa400 | | | #d2b700 |
類似トーン (dk)| | | #312e4d | | | #422944 | | | #14344e | | | #5d2d3f | | | #004252 | | | #642a2e |
| | | #004542 | | | #6f3826 | | | #185138 | | | #704b1a | | | #535617 | | | #6b5e1b |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (b) | | | #716bb6 | | | #8b63ac | | | #4d73bb | | | #9c5da0 | | | #1979ba | | | #ab5792 |
| | | #007daf | | | #008fb3 | | | #cc5c87 | | | #0094a1 | | | #d75674 | | | #00a39b |
| | | #f15d69 | | | #f16056 | | | #00a583 | | | #f7774d | | | #00b275 | | | #fb8d3d |
| | | #76bb4c | | | #fba52f | | | #f9bb2b | | | #b7bf19 | | | #d9c81b | | | #f2d324 |
対象トーン (ltg) | | | #9c99a9 | | | #a497a4 | | | #929caa | | | #b9a3aa | | | #95acb5 | | | #bda2a2 |
| | | #90aeab | | | #bda39a | | | #95afa0 | | | #c7b3a0 | | | #c0b69b | | | #bab89b |
#35357D トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2紺藍 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #5a265f | #811f4c | #9f1b34 | #a53b1b |
| | | | | | #004075 | #00526f | #00625c | #006f3e |
鉄紺 色
| #232538の色基本情報 |
| 16進数 | #232538 |
| RGB | 35 , 37, 56 |
| HSV | 234 , 38% , 22% |
| HSL | 234 , 23% , 18% |
| CMY | 81% , 82% , 85% |
| XYZ | 2 , 1 , 4 |
| CIE 1976 (L*, a*, b*) | 15 , 0.04 , -0.13 |
鉄紺 cmykcmykの値 C:37% M:33% Y:0% K:78%鉄紺に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 7.5PB 1/2 | 27,27,43 | 37,37,0,83 | #1B1B2B | 1.204,0.2582,0.2427 |
鉄紺に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | dkg20 | 20: v-1.5-2s | 20 | 41,40,48 | #292830 |
鉄紺 配色鉄紺の各種配色パターンの
色見本やカラーコードの一覧です。
鉄紺 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 35,37,56 | #232538 |
| | 56,54,35 | #383623 |
鉄紺 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 35,37,56 | #232538 |
| | 56,44,35 | #382c23 |
| | 48,56,35 | #303823 |
鉄紺 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 35,37,56 | #232538 |
| | 56,35,37 | #382325 |
| | 37,56,35 | #253823 |
鉄紺 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 35,37,56 | #232538 |
| | 56,35,48 | #382330 |
| | 56,54,35 | #383623 |
| | 35,56,44 | #23382c |
鉄紺 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 35,37,56 | #232538 |
| | 56,35,54 | #382336 |
| | 56,42,35 | #382a23 |
| | 46,56,35 | #2e3823 |
| | 35,56,50 | #233832 |
鉄紺 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 35,37,56 | #232538 |
| | 54,35,56 | #362338 |
| | 56,35,37 | #382325 |
| | 56,54,35 | #383623 |
| | 37,56,35 | #253823 |
| | 35,56,54 | #233836 |
鉄紺 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #292830 | | | #242931 | | | #2e272e | | | #273439 | | | #3c2f33 | | | #3d2f2f |
| | | #253634 | | | #3d2f2b | | | #27362e | | | #463b30 | | | #423c2d | | | #3e3d2d |
配色 3 色| | | | #292830 | #242931 | | | | #2e272e | #273439 |
| | | | #3c2f33 | #3d2f2f | | | | #253634 | #3d2f2b |
| | | | #27362e | #463b30 | | | | #423c2d | #3e3d2d |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #292830 | | | #312e4d | | | #52505e | | | #514d72 | | | #343472 | | | #756f99 |
| | | #4b488e | | | #474798 | | | #716bb6 | | | #8e87be | | | #9c99a9 | | | #9c95c1 |
配色 3 色| | | | #292830 | #312e4d | | | | #52505e | #514d72 |
| | | | #343472 | #756f99 | | | | #4b488e | #474798 |
| | | | #716bb6 | #8e87be | | | | #9c99a9 | #9c95c1 |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dk)| | | #312e4d | | | #14344e | | | #422944 | | | #004252 | | | #5d2d3f | | | #004542 |
| | | #642a2e | | | #185138 | | | #6f3826 | | | #704b1a | | | #535617 | | | #6b5e1b |
類似トーン (g)| | | #52505e | | | #4a525e | | | #5a4e5a | | | #4c6068 | | | #6c585e | | | #6f5858 |
| | | #6f5951 | | | #536e6c | | | #576e61 | | | #776656 | | | #716951 | | | #6c6a51 |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (p) | | | #bac4d3 | | | #c5c2d3 | | | #cebfce | | | #bed6df | | | #e4ccd3 | | | #e8cbcb |
| | | #b9d8d5 | | | #e8ccc3 | | | #bdd9c9 | | | #f3ddc9 | | | #ebe0c4 | | | #e5e2c4 |
対象トーン (v) | | | #005a91 | | | #006b93 | | | #00569c | | | #00509d | | | #474798 | | | #663e8c |
| | | #007c8c | | | #793580 | | | #892c71 | | | #007e77 | | | #ab2664 | | | #008c69 |
| | | #b5184f | | | #cd1f42 | | | #009a55 | | | #dd3737 | | | #e55125 | | | #4aa315 |
| | | #e66d00 | | | #a4b300 | | | #f29500 | | | #c8bb00 | | | #eeac00 | | | #e2c500 |
#232538 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2鉄紺 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #2e272e | #3c2f33 | #3d2f2f | #3d2f2b |
| | | | | | #242931 | #273439 | #253634 | #27362e |
るり紺 色
| #324784の色基本情報 |
| 16進数 | #324784 |
| RGB | 50 , 71, 132 |
| HSV | 225 , 62% , 52% |
| HSL | 225 , 45% , 36% |
| CMY | 60% , 64% , 76% |
| XYZ | 7 , 6 , 22 |
| CIE 1976 (L*, a*, b*) | 31 , 0.12 , -0.37 |
るり紺 cmykcmykの値 C:62% M:46% Y:0% K:48%るり紺に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 7.5PB 3/8 | 58,67,127 | 54,47,0,50 | #3A437F | 6.492,0.2179,0.1858 |
るり紺に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | s20 | 20: v-3.5-8s | 20 | 75,72,142 | #4b488e |
るり紺 配色るり紺の各種配色パターンの
色見本やカラーコードの一覧です。
るり紺 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 50,71,132 | #324784 |
| | 133,112,50 | #857032 |
るり紺 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 50,71,132 | #324784 |
| | 133,71,50 | #854732 |
| | 112,133,50 | #708532 |
るり紺 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 50,71,132 | #324784 |
| | 133,50,71 | #853247 |
| | 71,133,50 | #478532 |
るり紺 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 50,71,132 | #324784 |
| | 133,50,112 | #853270 |
| | 133,112,50 | #857032 |
| | 50,133,71 | #328547 |
るり紺 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 50,71,132 | #324784 |
| | 129,50,133 | #813285 |
| | 133,63,50 | #853f32 |
| | 104,133,50 | #688532 |
| | 50,133,96 | #328560 |
るり紺 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 50,71,132 | #324784 |
| | 112,50,133 | #703285 |
| | 133,50,71 | #853247 |
| | 133,112,50 | #857032 |
| | 71,133,50 | #478532 |
| | 50,133,112 | #328570 |
るり紺 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #4b488e | | | #005692 | | | #753a7a | | | #006a8b | | | #a03663 | | | #007b75 |
| | | #c13547 | | | #008a52 | | | #c7512c | | | #db8b08 | | | #9aa400 | | | #d2b700 |
配色 3 色| | | | #4b488e | #005692 | | | | #753a7a | #006a8b |
| | | | #a03663 | #007b75 | | | | #c13547 | #008a52 |
| | | | #c7512c | #db8b08 | | | | #9aa400 | #d2b700 |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #4b488e | | | #343472 | | | #474798 | | | #514d72 | | | #716bb6 | | | #312e4d |
| | | #756f99 | | | #8e87be | | | #52505e | | | #9c95c1 | | | #292830 | | | #9c99a9 |
配色 3 色| | | | #4b488e | #343472 | | | | #474798 | #514d72 |
| | | | #716bb6 | #312e4d | | | | #756f99 | #8e87be |
| | | | #52505e | #9c95c1 | | | | #292830 | #9c99a9 |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (v)| | | #00569c | | | #00509d | | | #005a91 | | | #474798 | | | #663e8c | | | #006b93 |
| | | #793580 | | | #892c71 | | | #007c8c | | | #007e77 | | | #ab2664 | | | #b5184f |
| | | #008c69 | | | #cd1f42 | | | #009a55 | | | #dd3737 | | | #e55125 | | | #e66d00 |
| | | #4aa315 | | | #f29500 | | | #a4b300 | | | #eeac00 | | | #c8bb00 | | | #e2c500 |
類似トーン (b)| | | #4d73bb | | | #716bb6 | | | #1979ba | | | #8b63ac | | | #007daf | | | #9c5da0 |
| | | #ab5792 | | | #008fb3 | | | #0094a1 | | | #cc5c87 | | | #00a39b | | | #d75674 |
| | | #00a583 | | | #f15d69 | | | #f16056 | | | #00b275 | | | #f7774d | | | #fb8d3d |
| | | #76bb4c | | | #fba52f | | | #f9bb2b | | | #b7bf19 | | | #d9c81b | | | #f2d324 |
類似トーン (dp)| | | #004075 | | | #343472 | | | #5a265f | | | #00526f | | | #811f4c | | | #00625c |
| | | #9f1b34 | | | #006f3e | | | #a53b1b | | | #aa6600 | | | #717d00 | | | #a48f00 |
類似トーン (sf)| | | #756f99 | | | #58779a | | | #8b698d | | | #498a9e | | | #ae6f85 | | | #499b95 |
| | | #c8787a | | | #66a986 | | | #d5896f | | | #d59f62 | | | #aead5f | | | #ccb664 |
類似トーン (d)| | | #514d72 | | | #345474 | | | #664768 | | | #1f6578 | | | #854c60 | | | #1c7570 |
| | | #9d5456 | | | #a9634c | | | #418261 | | | #a9783f | | | #85863c | | | #a18e40 |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (p) | | | #c5c2d3 | | | #bac4d3 | | | #cebfce | | | #bed6df | | | #e4ccd3 | | | #e8cbcb |
| | | #b9d8d5 | | | #e8ccc3 | | | #bdd9c9 | | | #f3ddc9 | | | #ebe0c4 | | | #e5e2c4 |
対象トーン (dkg) | | | #292830 | | | #242931 | | | #273439 | | | #2e272e | | | #3c2f33 | | | #3d2f2f |
| | | #253634 | | | #3d2f2b | | | #27362e | | | #463b30 | | | #423c2d | | | #3e3d2d |
#324784 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2るり紺 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #753a7a | #a03663 | #c13547 | #c7512c |
| | | | | | #005692 | #006a8b | #007b75 | #008a52 |
江戸紫 色
| #5F4C86の色基本情報 |
| 16進数 | #5F4C86 |
| RGB | 95 , 76, 134 |
| HSV | 260 , 43% , 53% |
| HSL | 260 , 28% , 41% |
| CMY | 58% , 55% , 66% |
| XYZ | 11 , 9 , 23 |
| CIE 1976 (L*, a*, b*) | 36 , 0.21 , -0.3 |
江戸紫 cmykcmykの値 C:29% M:43% Y:0% K:47%江戸紫に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 10PB 4/8 | 100,88,148 | 32,40,0,41 | #645894 | 11.91,0.2537,0.2143 |
江戸紫に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | s20 | 20: v-3.5-8s | 20 | 75,72,142 | #4b488e |
江戸紫 配色江戸紫の各種配色パターンの
色見本やカラーコードの一覧です。
江戸紫 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 95,76,134 | #5F4C86 |
| | 114,134,75 | #72864b |
江戸紫 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 95,76,134 | #5F4C86 |
| | 134,124,75 | #867c4b |
| | 85,134,75 | #55864b |
江戸紫 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 95,76,134 | #5F4C86 |
| | 134,95,75 | #865f4b |
| | 75,134,95 | #4b865f |
江戸紫 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 95,76,134 | #5F4C86 |
| | 134,75,85 | #864b55 |
| | 114,134,75 | #72864b |
| | 75,134,124 | #4b867c |
江戸紫 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 95,76,134 | #5F4C86 |
| | 134,75,103 | #864b67 |
| | 134,118,75 | #86764b |
| | 79,134,75 | #4f864b |
| | 75,126,134 | #4b7e86 |
江戸紫 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 95,76,134 | #5F4C86 |
| | 134,75,114 | #864b72 |
| | 134,95,75 | #865f4b |
| | 114,134,75 | #72864b |
| | 75,134,95 | #4b865f |
| | 75,114,134 | #4b7286 |
江戸紫 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #4b488e | | | #753a7a | | | #005692 | | | #006a8b | | | #a03663 | | | #007b75 |
| | | #c13547 | | | #c7512c | | | #008a52 | | | #db8b08 | | | #9aa400 | | | #d2b700 |
配色 3 色| | | | #4b488e | #753a7a | | | | #005692 | #006a8b |
| | | | #a03663 | #007b75 | | | | #c13547 | #c7512c |
| | | | #008a52 | #db8b08 | | | | #9aa400 | #d2b700 |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #4b488e | | | #343472 | | | #514d72 | | | #474798 | | | #716bb6 | | | #756f99 |
| | | #312e4d | | | #8e87be | | | #52505e | | | #9c95c1 | | | #292830 | | | #9c99a9 |
配色 3 色| | | | #4b488e | #343472 | | | | #514d72 | #474798 |
| | | | #716bb6 | #756f99 | | | | #312e4d | #8e87be |
| | | | #52505e | #9c95c1 | | | | #292830 | #9c99a9 |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (v)| | | #663e8c | | | #474798 | | | #793580 | | | #00569c | | | #00509d | | | #005a91 |
| | | #892c71 | | | #006b93 | | | #ab2664 | | | #007c8c | | | #b5184f | | | #007e77 |
| | | #cd1f42 | | | #008c69 | | | #dd3737 | | | #e55125 | | | #009a55 | | | #e66d00 |
| | | #f29500 | | | #eeac00 | | | #a4b300 | | | #4aa315 | | | #c8bb00 | | | #e2c500 |
類似トーン (b)| | | #716bb6 | | | #8b63ac | | | #9c5da0 | | | #4d73bb | | | #ab5792 | | | #1979ba |
| | | #007daf | | | #cc5c87 | | | #008fb3 | | | #d75674 | | | #0094a1 | | | #00a39b |
| | | #f15d69 | | | #f16056 | | | #00a583 | | | #f7774d | | | #00b275 | | | #fb8d3d |
| | | #76bb4c | | | #fba52f | | | #f9bb2b | | | #b7bf19 | | | #d9c81b | | | #f2d324 |
類似トーン (dp)| | | #343472 | | | #5a265f | | | #004075 | | | #00526f | | | #811f4c | | | #00625c |
| | | #9f1b34 | | | #a53b1b | | | #006f3e | | | #aa6600 | | | #717d00 | | | #a48f00 |
類似トーン (sf)| | | #756f99 | | | #8b698d | | | #58779a | | | #ae6f85 | | | #498a9e | | | #c8787a |
| | | #499b95 | | | #d5896f | | | #66a986 | | | #d59f62 | | | #aead5f | | | #ccb664 |
類似トーン (d)| | | #514d72 | | | #664768 | | | #345474 | | | #854c60 | | | #1f6578 | | | #9d5456 |
| | | #1c7570 | | | #a9634c | | | #418261 | | | #a9783f | | | #85863c | | | #a18e40 |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (p) | | | #cebfce | | | #c5c2d3 | | | #bac4d3 | | | #e4ccd3 | | | #e8cbcb | | | #bed6df |
| | | #e8ccc3 | | | #b9d8d5 | | | #bdd9c9 | | | #f3ddc9 | | | #ebe0c4 | | | #e5e2c4 |
対象トーン (dkg) | | | #3c2f33 | | | #2e272e | | | #292830 | | | #242931 | | | #3d2f2f | | | #273439 |
| | | #3d2f2b | | | #253634 | | | #463b30 | | | #423c2d | | | #27362e | | | #3e3d2d |
#5F4C86 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2江戸紫 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #753a7a | #a03663 | #c13547 | #c7512c |
| | | | | | #005692 | #006a8b | #007b75 | #008a52 |
濃藍 色
| #20324Eの色基本情報 |
| 16進数 | #20324E |
| RGB | 32 , 50, 78 |
| HSV | 217 , 59% , 31% |
| HSL | 217 , 42% , 22% |
| CMY | 74% , 78% , 83% |
| XYZ | 3 , 3 , 7 |
| CIE 1976 (L*, a*, b*) | 20 , 0.02 , -0.2 |
濃藍 cmykcmykの値 C:58% M:35% Y:0% K:69%濃藍に近い色 マンセル値| 色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| | 5PB 2/4 | 34,50,76 | 55,34,0,70 | #22324C | 3.112,0.2289,0.2311 |
濃藍に近いPCCSの色| 色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| | dk18 | 18: B-2.0-5s | 18 | 20,52,78 | #14344e |
濃藍 配色濃藍の各種配色パターンの
色見本やカラーコードの一覧です。
濃藍 2色 配色 ダイアード(補色)| 色見本 | RGB | 16進数 |
| | 32,50,78 | #20324E |
| | 80,62,33 | #503e21 |
濃藍 3色 配色 スプリットコンプリメンタリー(分裂補色)| 色見本 | RGB | 16進数 |
| | 32,50,78 | #20324E |
| | 80,38,33 | #502621 |
| | 74,80,33 | #4a5021 |
濃藍 3色 配色 トライアド| 色見本 | RGB | 16進数 |
| | 32,50,78 | #20324E |
| | 80,33,51 | #502133 |
| | 51,80,33 | #335021 |
濃藍 4色 配色 テトラード| 色見本 | RGB | 16進数 |
| | 32,50,78 | #20324E |
| | 80,33,74 | #50214a |
| | 80,62,33 | #503e21 |
| | 33,80,38 | #215026 |
濃藍 5色 配色 ペンタード| 色見本 | RGB | 16進数 |
| | 32,50,78 | #20324E |
| | 71,33,80 | #472150 |
| | 80,33,33 | #502121 |
| | 69,80,33 | #455021 |
| | 33,80,52 | #215034 |
濃藍 6色 配色 ヘクサード| 色見本 | RGB | 16進数 |
| | 32,50,78 | #20324E |
| | 62,33,80 | #3e2150 |
| | 80,33,51 | #502133 |
| | 80,62,33 | #503e21 |
| | 51,80,33 | #335021 |
| | 33,80,62 | #21503e |
濃藍 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色| | | #14344e | | | #312e4d | | | #004252 | | | #422944 | | | #004542 | | | #5d2d3f |
| | | #642a2e | | | #185138 | | | #6f3826 | | | #704b1a | | | #535617 | | | #6b5e1b |
配色 3 色| | | | #14344e | #312e4d | | | | #004252 | #422944 |
| | | | #004542 | #5d2d3f | | | | #642a2e | #185138 |
| | | | #6f3826 | #704b1a | | | | #535617 | #6b5e1b |
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色| | | #14344e | | | #242931 | | | #345474 | | | #004075 | | | #4a525e | | | #005692 |
| | | #58779a | | | #00569c | | | #1979ba | | | #6591c0 | | | #7e9dc3 | | | #929caa |
配色 3 色| | | | #14344e | #242931 | | | | #345474 | #004075 |
| | | | #4a525e | #005692 | | | | #58779a | #00569c |
| | | | #1979ba | #6591c0 | | | | #7e9dc3 | #929caa |
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)| | | #004075 | | | #00526f | | | #343472 | | | #5a265f | | | #00625c | | | #811f4c |
| | | #006f3e | | | #9f1b34 | | | #a53b1b | | | #717d00 | | | #aa6600 | | | #a48f00 |
類似トーン (d)| | | #345474 | | | #514d72 | | | #664768 | | | #1f6578 | | | #854c60 | | | #1c7570 |
| | | #9d5456 | | | #418261 | | | #a9634c | | | #a9783f | | | #85863c | | | #a18e40 |
類似トーン (dkg)| | | #242931 | | | #292830 | | | #273439 | | | #2e272e | | | #3c2f33 | | | #253634 |
| | | #3d2f2f | | | #3d2f2b | | | #27362e | | | #463b30 | | | #423c2d | | | #3e3d2d |
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (lt) | | | #7e9dc3 | | | #9c95c1 | | | #b48fb5 | | | #71b1c7 | | | #d995ac | | | #71c5be |
| | | #f59fa0 | | | #8dd3ad | | | #ffb195 | | | #ffc887 | | | #d9d784 | | | #f9e08a |
対象トーン (ltg) | | | #929caa | | | #9c99a9 | | | #a497a4 | | | #95acb5 | | | #b9a3aa | | | #90aeab |
| | | #bda2a2 | | | #bda39a | | | #95afa0 | | | #c7b3a0 | | | #c0b69b | | | #bab89b |
#20324E トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2pccs色相番号 -2濃藍 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色色相 グラデーション配色色相を使った段階的に変化させる配色| | | | | | #312e4d | #422944 | #5d2d3f | #642a2e |
| | | | | | #004252 | #004542 | #185138 | #535617 |
tag:cmyk, dicカラー, pantone, パントーン, マンセル値, 一覧, 紫, 配色,
