薄縹 色
#507ea4の色基本情報 |
16進数 | #507ea4 |
RGB | 80 , 126, 164 |
HSV | 207 , 51% , 64% |
HSL | 207 , 34% , 48% |
CMY | 43% , 52% , 59% |
XYZ | 17 , 19 , 37 |
CIE 1976 (L*, a*, b*) | 51 , -0.05 , -0.26 |
薄縹 cmyk
薄縹に近い色 マンセル値色見本 | マンセル値 色名 | RGB | CMYK | 16進数 | Yxy |
| 2.5PB 5/6 | 85,127,163 | 47,22,0,36 | #557FA3 | 19.73,0.2389,0.2618 |
薄縹に近いPCCSの色色見本 | PCCS TONE番号 | PCCS No:HLS | 色相番号 | RGB | 16進数 |
| sf18 | 18: B-5.0-5s | 18 | 88,119,154 | #58779a |
薄縹 配色薄縹の各種配色パターンの
色見本やカラーコードの一覧です。
薄縹 2色 配色 ダイアード(補色)色見本 | RGB | 16進数 |
| 80,126,164 | #507ea4 |
| 164,118,81 | #a47651 |
薄縹 3色 配色 スプリットコンプリメンタリー(分裂補色)色見本 | RGB | 16進数 |
| 80,126,164 | #507ea4 |
| 164,81,85 | #a45155 |
| 164,160,81 | #a4a051 |
薄縹 3色 配色 トライアド色見本 | RGB | 16進数 |
| 80,126,164 | #507ea4 |
| 164,81,127 | #a4517f |
| 127,164,81 | #7fa451 |
薄縹 4色 配色 テトラード色見本 | RGB | 16進数 |
| 80,126,164 | #507ea4 |
| 160,81,164 | #a051a4 |
| 164,118,81 | #a47651 |
| 85,164,81 | #55a451 |
薄縹 5色 配色 ペンタード色見本 | RGB | 16進数 |
| 80,126,164 | #507ea4 |
| 135,81,164 | #8751a4 |
| 164,81,93 | #a4515d |
| 160,164,81 | #a0a451 |
| 81,164,102 | #51a466 |
薄縹 6色 配色 ヘクサード色見本 | RGB | 16進数 |
| 80,126,164 | #507ea4 |
| 118,81,164 | #7651a4 |
| 164,81,127 | #a4517f |
| 164,118,81 | #a47651 |
| 127,164,81 | #7fa451 |
| 81,164,118 | #51a476 |
薄縹 合う色同一トーン配色パターン同じトーンでの組み合わせ まとまりがある
配色 2 色
| | #58779a | | | #498a9e | | | #756f99 | | | #8b698d | | | #499b95 | | | #ae6f85 |
| | #66a986 | | | #c8787a | | | #d5896f | | | #aead5f | | | #d59f62 | | | #ccb664 |
配色 3 色
| | | #58779a | #498a9e | | | | #756f99 | #8b698d |
| | | #499b95 | #ae6f85 | | | | #66a986 | #c8787a |
| | | #d5896f | #aead5f | | | | #d59f62 | #ccb664 |
ドミナントカラー 配色パターン同じ色相異なるトーンでの組み合わせ
配色 2 色
| | #58779a | | | #6591c0 | | | #7e9dc3 | | | #1979ba | | | #345474 | | | #929caa |
| | #005692 | | | #4a525e | | | #a8b7cd | | | #00569c | | | #004075 | | | #14344e |
配色 3 色
| | | #58779a | #6591c0 | | | | #7e9dc3 | #1979ba |
| | | #345474 | #929caa | | | | #005692 | #4a525e |
| | | #a8b7cd | #00569c | | | | #004075 | #14344e |
類似トーン配色パターン隣接したトーンでの組み合わせ まとまりがある
類似トーン (s)
| | #006a8b | | | #005692 | | | #007b75 | | | #4b488e | | | #753a7a | | | #a03663 |
| | #008a52 | | | #c13547 | | | #c7512c | | | #9aa400 | | | #db8b08 | | | #d2b700 |
類似トーン (b)
| | #007daf | | | #008fb3 | | | #1979ba | | | #4d73bb | | | #0094a1 | | | #716bb6 |
| | #8b63ac | | | #00a39b | | | #9c5da0 | | | #ab5792 | | | #00a583 | | | #cc5c87 |
| | #d75674 | | | #00b275 | | | #f15d69 | | | #76bb4c | | | #f16056 | | | #f7774d |
| | #fb8d3d | | | #fba52f | | | #b7bf19 | | | #f9bb2b | | | #d9c81b | | | #f2d324 |
類似トーン (lt)
| | #7e9dc3 | | | #9c95c1 | | | #71b1c7 | | | #b48fb5 | | | #71c5be | | | #d995ac |
| | #8dd3ad | | | #f59fa0 | | | #ffb195 | | | #d9d784 | | | #ffc887 | | | #f9e08a |
類似トーン (lt+)
| | #6591c0 | | | #52a6bf | | | #8e87be | | | #ac7eae | | | #3faba4 | | | #d98295 |
| | #73c89c | | | #f28c8e | | | #ff9e7d | | | #fcb869 | | | #caca61 | | | #edd267 |
類似トーン (ltg)
| | #929caa | | | #9c99a9 | | | #95acb5 | | | #a497a4 | | | #90aeab | | | #b9a3aa |
| | #95afa0 | | | #bda2a2 | | | #bda39a | | | #c7b3a0 | | | #bab89b | | | #c0b69b |
類似トーン (d)
| | #345474 | | | #1f6578 | | | #514d72 | | | #1c7570 | | | #664768 | | | #854c60 |
| | #418261 | | | #9d5456 | | | #a9634c | | | #85863c | | | #a9783f | | | #a18e40 |
対象トーン配色パターン 離れたトーンでの組み合わせ メリハリがある配色
対象トーン (v)
| | #006b93 | | | #005a91 | | | #007c8c | | | #00569c | | | #00509d | | | #007e77 |
| | #474798 | | | #663e8c | | | #793580 | | | #008c69 | | | #892c71 | | | #ab2664 |
| | #009a55 | | | #b5184f | | | #cd1f42 | | | #dd3737 | | | #4aa315 | | | #e55125 |
| | #a4b300 | | | #c8bb00 | | | #e66d00 | | | #f29500 | | | #eeac00 | | | #e2c500 |
対象トーン (dkg)
| | #273439 | | | #253634 | | | #242931 | | | #292830 | | | #3c2f33 | | | #27362e |
| | #2e272e | | | #3d2f2f | | | #463b30 | | | #3e3d2d | | | #423c2d | | | #3d2f2b |
#507ea4 トーンオントーン 配色パターン同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
フォ・カマイユ 配色パターン類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
pccs色相番号 -2
薄縹 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色
色相 グラデーション配色色相を使った段階的に変化させる配色
| | | | | #756f99 | #8b698d | #ae6f85 | #c8787a |
| | | | | #498a9e | #499b95 | #66a986 | #aead5f |