ヨットブルー 色
#409eccの色基本情報 |
16進数 | #409ecc |
RGB | 64 , 158, 204 |
HSV | 200 , 69% , 80% |
HSL | 200 , 58% , 53% |
CMY | 29% , 47% , 56% |
XYZ | 25 , 29 , 61 |
CIE 1976 (L*, a*, b*) | 61 , -0.13 , -0.32 |
ヨットブルー cmyk
ヨットブルーに近い色 マンセル値色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| 10B 6/8 | 71,158,201 | 64,21,0,21 | #479EC9 | 30,0.2206,0.2603 |
ヨットブルーに近いPCCSの色色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| b16 | 16:gB-5.5-8s | 16 | 0,143,179 | #008fb3 |
ヨットブルー 配色ヨットブルーの各種配色パターンの
色見本やカラーコードの一覧です。
ヨットブルー 2色 配色 ダイアード(補色)色見本 | RGB | 16進数 |
| 64,158,204 | #409ecc |
| 205,112,66 | #cd7042 |
ヨットブルー 3色 配色 スプリットコンプリメンタリー(分裂補色)色見本 | RGB | 16進数 |
| 64,158,204 | #409ecc |
| 205,66,89 | #cd4259 |
| 205,181,66 | #cdb542 |
ヨットブルー 3色 配色 トライアド色見本 | RGB | 16進数 |
| 64,158,204 | #409ecc |
| 205,66,158 | #cd429e |
| 158,205,66 | #9ecd42 |
ヨットブルー 4色 配色 テトラード色見本 | RGB | 16進数 |
| 64,158,204 | #409ecc |
| 181,66,205 | #b542cd |
| 205,112,66 | #cd7042 |
| 89,205,66 | #59cd42 |
ヨットブルー 5色 配色 ペンタード色見本 | RGB | 16進数 |
| 64,158,204 | #409ecc |
| 140,66,205 | #8c42cd |
| 205,66,103 | #cd4267 |
| 205,195,66 | #cdc342 |
| 66,205,84 | #42cd54 |
ヨットブルー 6色 配色 ヘクサード色見本 | RGB | 16進数 |
| 64,158,204 | #409ecc |
| 112,66,205 | #7042cd |
| 205,66,158 | #cd429e |
| 205,112,66 | #cd7042 |
| 158,205,66 | #9ecd42 |
| 66,205,112 | #42cd70 |
ヨットブルー 合う色同一トーン配色パターン同じトーンでの組み合わせ まとまりがある
配色 2 色
| | #008fb3 | | | #007daf | | | #1979ba | | | #0094a1 | | | #4d73bb | | | #00a39b |
| | #716bb6 | | | #8b63ac | | | #00a583 | | | #9c5da0 | | | #ab5792 | | | #00b275 |
| | #cc5c87 | | | #d75674 | | | #76bb4c | | | #f15d69 | | | #f16056 | | | #f7774d |
| | #fb8d3d | | | #b7bf19 | | | #fba52f | | | #f9bb2b | | | #d9c81b | | | #f2d324 |
配色 3 色
| | | #008fb3 | #007daf | | | | #1979ba | #0094a1 |
| | | #4d73bb | #00a39b | | | | #716bb6 | #8b63ac |
| | | #00a583 | #9c5da0 | | | | #ab5792 | #00b275 |
| | | #cc5c87 | #d75674 | | | | #76bb4c | #f15d69 |
| | | #f16056 | #f7774d | | | | #fb8d3d | #b7bf19 |
| | | #fba52f | #f9bb2b | | | | #d9c81b | #f2d324 |
ドミナントカラー 配色パターン同じ色相異なるトーンでの組み合わせ
配色 2 色
| | #008fb3 | | | #52a6bf | | | #71b1c7 | | | #498a9e | | | #006b93 | | | #006a8b |
| | #95acb5 | | | #1f6578 | | | #a5cad7 | | | #00526f | | | #4c6068 | | | #bed6df |
配色 3 色
| | | #008fb3 | #52a6bf | | | | #71b1c7 | #498a9e |
| | | #006b93 | #006a8b | | | | #95acb5 | #1f6578 |
| | | #a5cad7 | #00526f | | | | #4c6068 | #bed6df |
類似トーン配色パターン隣接したトーンでの組み合わせ まとまりがある
類似トーン (b)
| | #008fb3 | | | #007daf | | | #1979ba | | | #0094a1 | | | #4d73bb | | | #00a39b |
| | #716bb6 | | | #8b63ac | | | #00a583 | | | #9c5da0 | | | #ab5792 | | | #00b275 |
| | #cc5c87 | | | #d75674 | | | #76bb4c | | | #f15d69 | | | #f16056 | | | #f7774d |
| | #fb8d3d | | | #b7bf19 | | | #fba52f | | | #f9bb2b | | | #d9c81b | | | #f2d324 |
類似トーン (lt)
| | #7e9dc3 | | | #71b1c7 | | | #9c95c1 | | | #71c5be | | | #b48fb5 | | | #8dd3ad |
| | #d995ac | | | #f59fa0 | | | #ffb195 | | | #d9d784 | | | #ffc887 | | | #f9e08a |
類似トーン (lt+)
| | #6591c0 | | | #52a6bf | | | #8e87be | | | #3faba4 | | | #ac7eae | | | #73c89c |
| | #d98295 | | | #f28c8e | | | #ff9e7d | | | #caca61 | | | #fcb869 | | | #edd267 |
対象トーン配色パターン 離れたトーンでの組み合わせ メリハリがある配色
対象トーン (dp)
| | #00526f | | | #004075 | | | #00625c | | | #343472 | | | #5a265f | | | #006f3e |
| | #811f4c | | | #717d00 | | | #9f1b34 | | | #a53b1b | | | #a48f00 | | | #aa6600 |
対象トーン (g)
| | #4c6068 | | | #536e6c | | | #4a525e | | | #52505e | | | #576e61 | | | #5a4e5a |
| | #6c585e | | | #6f5858 | | | #776656 | | | #6f5951 | | | #6c6a51 | | | #716951 |
#409ecc トーンオントーン 配色パターン同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
カマイユ 配色パターン隣接した色相、同一類似のトーンを使った配色
pccs色相番号 +1
pccs色相番号 -1
フォ・カマイユ 配色パターン類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
pccs色相番号 -2
ヨットブルー グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色
色相 グラデーション配色色相を使った段階的に変化させる配色
| | | | | #1979ba | #716bb6 | #9c5da0 | #cc5c87 |
| | | | | #00a39b | #00b275 | #b7bf19 | #f2d324 |