#5D9186 | くすんだ水色(#5D9186)をもとに配色を作成します
#5D9186 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
About #5D9186
HEX
#5D9186
NAME
-
TONE
くすんだ水色
RGB
93 145 134
HSV
167° 35% 56%
CMYK
35% 0% 7% 43%
#5D9186の色情報と配色の提案を表示します。#5D9186はくすんだ水色で、構成成分はRGB(93 145 134)です。補色となる色は#915D68です。水色は、自由や孤独を示す色です。水を連想させるため、透明感や涼しさをイメージさせる色です。デザインする上では青や緑やグレーとの相性がよいでしょう。
Color schemes with #5D9186
ひかえめで大人しい配色
#5D9186 | colorate
ひかえめで大人しい配色
同一の色相で構成された配色です。この配色は、大人しく、落ち着いた静かな印象を与えます。
base
base
#B1D0CA RGB 177 208 202 #B1D0CA
main
main
#5D9186 RGB 93 145 134 #5D9186
accent
accent
#235147 RGB 35 81 71 #235147
クリップボードにコピーする
閉じる
base
#B1D0CA main
#5D9186 accent
#235147
やわらかくソフトな配色
#5D9186 | colorate
やわらかくソフトな配色
近い色味で構成された配色です。この配色は、柔らかく、有機的で自然な印象を与えます。
base
base
#A7CAB9 RGB 167 202 185 #A7CAB9
main
main
#5D9186 RGB 93 145 134 #5D9186
accent
accent
#275457 RGB 39 84 87 #275457
クリップボードにコピーする
閉じる
base
#A7CAB9 main
#5D9186 accent
#275457
力強く派手な配色
#5D9186 | colorate
力強く派手な配色
アクセントに補色を用いた配色です。この配色は、力強く、行動的で派手な印象を与えます。
base
base
#C5DDD8 RGB 197 221 216 #C5DDD8
main
main
#5D9186 RGB 93 145 134 #5D9186
accent
accent
#915D67 RGB 145 93 103 #915D67
クリップボードにコピーする
閉じる
base
#C5DDD8 main
#5D9186 accent
#915D67
カラフルで調和の取れた配色
#5D9186 | colorate
カラフルで調和の取れた配色
補色と隣り合わせの色で構成された配色です。動きがあり、カラフルで楽しい印象を与えます。
base
base
#DAEAE6 RGB 218 234 230 #DAEAE6
main
main
#5D9186 RGB 93 145 134 #5D9186
accent
accent
#915D87 RGB 145 93 135 #915D87
accent
accent
#91715D RGB 145 113 93 #91715D
クリップボードにコピーする
閉じる
base
#DAEAE6 main
#5D9186 accent
#915D87 accent
#91715D
Color schemes example
Fine adjustment from #5D9186
明るく
#5D9186 #74A097 #8BB0A8 #A2C0B9 #B9CFCB #D0DFDC #E7EFED
暗く
#5D9186 #4F7C72 #42675F #35524C #273E39 #1A2926 #0D1413
色相
#5D8991 #5D8F91 #5D918C #5D9186 #5D917F #5D9179 #5D9173
彩度
#7F918D #74918A #689188 #5D9186 #519183 #459181 #3A917E
明度
#35534D #426860 #4F7C73 #5D9186 #6AA598 #77B9AB #84CEBE
HTML Color
SlateGray
#708090 CadetBlue
#5F9EA0 LightSlateGray
#778899 Gray
#808080 DimGray
#696969
補色
#915D68
トライアド
#91865D #5D9186 #855D91
PANTONE
PANTONE 7475 U
#68898C PANTONE 625 U
#698882 PANTONE 5483 U
#5C8088 PANTONE 7730 U
#659979
CSSコード
<style type="text/css">
div {
    color : #5D9186;
    background-color : #5D9186;
}
</style>
Contrast ratio
文字や背景に、白や黒を使用するときのコントラスト比を確認します。WCAG2.0による評価基準（A=不十分、AA=最低限、AAA=より十分）
白と#5D9186 (3.58 : 1)
14pt
A 18pt
AA 14pt
A 18pt
AA
黒と#5D9186 (5.86 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
Blend base on #5D9186
白とのブレンド
#5D9186 - #E7EFED
黒とのブレンド
#5D9186 - #0D1413
遠い色とのブレンド
#5D9186 - #91865D
#5D9186 - #915D68
#5D9186 - #855D91
近い色とのブレンド
#5D9186 - #5D849D
#5D9186 - #5CA3AA
#5D9186 - #407277
バーコードどころ
オンライン上でいろいろなバーコードの作成ができます。作成したバーコードはPNGやEPSでダウンロードできます。
バーコードを作成する
colorate
色と配色の持つ印象を掛け合わせることで、最適な配色を提案します。専門知識がなくても、だれでも短時間で、色彩理論に基づいた調和の取れた配色ができます。
配色を作成する
textate
テキスト文書を読みやすく、見返しやすい画像にします。SNSでまとまった文章を送りたいときに役立ちます。
テキストを画像にする
HTML Color PANTONE Chart Picker © 2021 - ssi
English 日本語 中文(简体) Deutsch Español Français italiano 한국
