コバルトブルー 色
#2863ABの色基本情報 |
16進数 | #2863AB |
RGB | 40 , 99, 171 |
HSV | 213 , 77% , 67% |
HSL | 213 , 62% , 41% |
CMY | 47% , 58% , 72% |
XYZ | 12 , 12 , 40 |
CIE 1976 (L*, a*, b*) | 41 , 0.06 , -0.45 |
コバルトブルー cmyk
コバルトブルーに近い色 マンセル値色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| 5PB 4/10 | 32,98,165 | 80,40,0,35 | #2062A5 | 11.91,0.1942,0.1951 |
コバルトブルーに近いPCCSの色色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| v18 | 18: B-3.5-9s | 18 | 0,86,156 | #00569c |
コバルトブルー 配色
コバルトブルーの各種配色パターンの
色見本やカラーコードの一覧です。
コバルトブルー 2色 配色 ダイアード(補色)色見本 | RGB | 16進数 |
| 40,99,171 | #2863AB |
| 169,111,40 | #a96f28 |
コバルトブルー 3色 配色 スプリットコンプリメンタリー(分裂補色)色見本 | RGB | 16進数 |
| 40,99,171 | #2863AB |
| 169,46,40 | #a92e28 |
| 163,169,40 | #a3a928 |
コバルトブルー 3色 配色 トライアド色見本 | RGB | 16進数 |
| 40,99,171 | #2863AB |
| 169,40,98 | #a92862 |
| 98,169,40 | #62a928 |
コバルトブルー 4色 配色 テトラード色見本 | RGB | 16進数 |
| 40,99,171 | #2863AB |
| 169,40,163 | #a928a3 |
| 169,111,40 | #a96f28 |
| 40,169,46 | #28a92e |
コバルトブルー 5色 配色 ペンタード色見本 | RGB | 16進数 |
| 40,99,171 | #2863AB |
| 137,40,169 | #8928a9 |
| 169,40,46 | #a9282e |
| 150,169,40 | #96a928 |
| 40,169,85 | #28a955 |
コバルトブルー 6色 配色 ヘクサード色見本 | RGB | 16進数 |
| 40,99,171 | #2863AB |
| 111,40,169 | #6f28a9 |
| 169,40,98 | #a92862 |
| 169,111,40 | #a96f28 |
| 98,169,40 | #62a928 |
| 40,169,111 | #28a96f |
コバルトブルー 合う色
同一トーン配色パターン同じトーンでの組み合わせ まとまりがある
配色 2 色
| | #00569c | | | #00509d | | | #005a91 | | | #474798 | | | #006b93 | | | #663e8c |
| | #793580 | | | #007c8c | | | #892c71 | | | #007e77 | | | #ab2664 | | | #008c69 |
| | #b5184f | | | #cd1f42 | | | #009a55 | | | #dd3737 | | | #e55125 | | | #4aa315 |
| | #e66d00 | | | #a4b300 | | | #f29500 | | | #c8bb00 | | | #eeac00 | | | #e2c500 |
配色 3 色
| | | #00569c | #00509d | | | | #005a91 | #474798 |
| | | #006b93 | #663e8c | | | | #793580 | #007c8c |
| | | #892c71 | #007e77 | | | | #ab2664 | #008c69 |
| | | #b5184f | #cd1f42 | | | | #009a55 | #dd3737 |
| | | #e55125 | #4aa315 | | | | #e66d00 | #a4b300 |
| | | #f29500 | #c8bb00 | | | | #eeac00 | #e2c500 |
ドミナントカラー 配色パターン同じ色相異なるトーンでの組み合わせ
配色 2 色
| | #00569c | | | #005692 | | | #1979ba | | | #004075 | | | #58779a | | | #6591c0 |
| | #345474 | | | #7e9dc3 | | | #14344e | | | #4a525e | | | #929caa | | | #a8b7cd |
配色 3 色
| | | #00569c | #005692 | | | | #1979ba | #004075 |
| | | #58779a | #6591c0 | | | | #345474 | #7e9dc3 |
| | | #14344e | #4a525e | | | | #929caa | #a8b7cd |
類似トーン配色パターン隣接したトーンでの組み合わせ まとまりがある
類似トーン (s)
| | #005692 | | | #4b488e | | | #006a8b | | | #753a7a | | | #007b75 | | | #a03663 |
| | #c13547 | | | #008a52 | | | #c7512c | | | #db8b08 | | | #9aa400 | | | #d2b700 |
対象トーン配色パターン 離れたトーンでの組み合わせ メリハリがある配色
対象トーン (ltg)
| | #9c99a9 | | | #929caa | | | #a497a4 | | | #95acb5 | | | #b9a3aa | | | #90aeab |
| | #bda2a2 | | | #bda39a | | | #95afa0 | | | #c7b3a0 | | | #c0b69b | | | #bab89b |
対象トーン (g)
| | #52505e | | | #4a525e | | | #4c6068 | | | #5a4e5a | | | #6c585e | | | #536e6c |
| | #6f5858 | | | #576e61 | | | #6f5951 | | | #776656 | | | #716951 | | | #6c6a51 |
#2863AB トーンオントーン 配色パターン同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
カマイユ 配色パターン隣接した色相、同一類似のトーンを使った配色
pccs色相番号 +1
pccs色相番号 -1
フォ・カマイユ 配色パターン類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
pccs色相番号 -2
ピコロール 配色 2 色ビビット(v)トーンを使った2色のコントラスト
| | #000000 | | | #009a55 | | | #a4b300 | | | #e2c500 |
トリコロール 配色 3 色ビビット(v)トーンを使った3色のコントラスト
コバルトブルー グラデーション
色相 グラデーション配色色相を使った段階的に変化させる配色
| | | | | #474798 | #793580 | #ab2664 | #cd1f42 |
| | | | | #006b93 | #007e77 | #009a55 | #a4b300 |

(コバルトブルーの色見本)
コバルトブルーに近い色見本 色番号コバルトブルーに似ているカラーコード一覧、jis慣用色名、Webカラー(X11の色名)などから色見本,rgb,16進数
Pantone(パントーン)、DICからは色見本のみを5つ載せています。
コバルトブルーに近い色 jis慣用色名
色見本 |
RGB |
16進数 |
jis慣用色名 色名 |
|
40,99,171 |
#2863AB |
コバルトブルー |
|
49,112,185 |
#3170B9 |
ブルー |
|
60,99,155 |
#3C639B |
はなだ色 |
|
0,103,192 |
#0067C0 |
青 |
|
76,93,171 |
#4C5DAB |
かきつばた色 |
コバルトブルーに近い色 Webカラー
色見本 |
RGB |
16進数 |
Webカラー 色名 |
|
70,130,180 |
#4682B4 |
SteelBlue |
|
100,149,237 |
#6495ED |
CornflowerBlue |
|
72,61,139 |
#483D8B |
DarkSlateBlue |
|
30,144,255 |
#1E90FF |
DodgerBlue |
|
65,105,225 |
#4169E1 |
RoyalBlue |
コバルトブルーに近い色 Pantone(パントーン)
色見本 |
Pantone(パントーン) 色名 |
|
PANTONE3005 C |
|
PANTONE2945 C |
|
PANTONE660 C |
|
PANTONE3015 C |
|
PANTONE307 C |
コバルトブルーに近い色 DIC
色見本 |
DIC 色名 |
|
DIC221 |
|
DIC2591 |
|
DIC182 |
|
DIC579B |
|
DIC2597 |
コバルトブルーの補色(合う色)コバルトブルーの補色 色見本,rgb,16進数
色見本 |
RGB |
16進数 |
|
171,112,40 |
AB7028 |