#5F3160 | 濁ったピンク(#5F3160)をもとに配色を作成します
#5F3160 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
About #5F3160
HEX
#5F3160
NAME
-
TONE
濁ったピンク
RGB
95 49 96
HSV
298° 48% 37%
CMYK
1% 48% 0% 62%
#5F3160の色情報と配色の提案を表示します。#5F3160は濁ったピンクで、構成成分はRGB(95 49 96)です。補色となる色は#326031です。ピンクは、愛情やかわいらしさをイメージさせる色です。ロマンチックなデザインの演出に最適です。女性らしさを示し、甘く、優しく、幸福感のある色でもあります。
Color schemes with #5F3160
ひかえめで大人しい配色
#5F3160 | colorate
ひかえめで大人しい配色
同一の色相で構成された配色です。この配色は、大人しく、落ち着いた静かな印象を与えます。
base
base
#9E709F RGB 158 112 159 #9E709F
main
main
#5F3160 RGB 95 49 96 #5F3160
accent
accent
#1F0A20 RGB 31 10 32 #1F0A20
クリップボードにコピーする
閉じる
base
#9E709F main
#5F3160 accent
#1F0A20
やわらかくソフトな配色
#5F3160 | colorate
やわらかくソフトな配色
近い色味で構成された配色です。この配色は、柔らかく、有機的で自然な印象を与えます。
base
base
#8B6999 RGB 139 105 153 #8B6999
main
main
#5F3160 RGB 95 49 96 #5F3160
accent
accent
#260C20 RGB 38 12 32 #260C20
クリップボードにコピーする
閉じる
base
#8B6999 main
#5F3160 accent
#260C20
力強く派手な配色
#5F3160 | colorate
力強く派手な配色
アクセントに補色を用いた配色です。この配色は、力強く、行動的で派手な印象を与えます。
base
base
#AB80AC RGB 171 128 172 #AB80AC
main
main
#5F3160 RGB 95 49 96 #5F3160
accent
accent
#316031 RGB 49 96 49 #316031
クリップボードにコピーする
閉じる
base
#AB80AC main
#5F3160 accent
#316031
カラフルで調和の取れた配色
#5F3160 | colorate
カラフルで調和の取れた配色
補色と隣り合わせの色で構成された配色です。動きがあり、カラフルで楽しい印象を与えます。
base
base
#B891B9 RGB 184 145 185 #B891B9
main
main
#5F3160 RGB 95 49 96 #5F3160
accent
accent
#4E6031 RGB 78 96 49 #4E6031
accent
accent
#31604C RGB 49 96 76 #31604C
クリップボードにコピーする
閉じる
base
#B891B9 main
#5F3160 accent
#4E6031 accent
#31604C
Color schemes example
Fine adjustment from #5F3160
明るく
#5F3160 #754E76 #8C6B8D #A389A4 #BAA6BA #D1C4D1 #E8E1E8
暗く
#5F3160 #512A52 #432344 #361C36 #281529 #1B0E1B #0D060D
色相
#603150 #603155 #60315B #5F3160 #593160 #533160 #4E3160
彩度
#5F4860 #5F4060 #5F3860 #5F3160 #5E2960 #5E2160 #5E1960
明度
#221122 #361C37 #4A264B #5F3160 #733B74 #874588 #9B509D
HTML Color
DarkSlateBlue
#483D8B DimGray
#696969 DarkSlateGray
#2F4F4F Indigo
#4B0082 Purple
#800080
補色
#326031
トライアド
#31605F #5F3160 #605E31
PANTONE
PANTONE 519 C
#5B305D PANTONE 525 C
#592B5E PANTONE 261 C
#5F285E PANTONE 2622 C
#682F64
CSSコード
<style type="text/css">
div {
    color : #5F3160;
    background-color : #5F3160;
}
</style>
Contrast ratio
文字や背景に、白や黒を使用するときのコントラスト比を確認します。WCAG2.0による評価基準（A=不十分、AA=最低限、AAA=より十分）
白と#5F3160 (10.02 : 1)
14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA
黒と#5F3160 (2.09 : 1)
14pt
A 18pt
A 14pt
A 18pt
A
Blend base on #5F3160
白とのブレンド
#5F3160 - #E8E1E8
黒とのブレンド
#5F3160 - #0D060D
遠い色とのブレンド
#5F3160 - #31605F
#5F3160 - #326031
#5F3160 - #605E31
近い色とのブレンド
#5F3160 - #6C324A
#5F3160 - #793165
#5F3160 - #461C3A
バーコードどころ
オンライン上でいろいろなバーコードの作成ができます。作成したバーコードはPNGやEPSでダウンロードできます。
バーコードを作成する
colorate
色と配色の持つ印象を掛け合わせることで、最適な配色を提案します。専門知識がなくても、だれでも短時間で、色彩理論に基づいた調和の取れた配色ができます。
配色を作成する
textate
テキスト文書を読みやすく、見返しやすい画像にします。SNSでまとまった文章を送りたいときに役立ちます。
テキストを画像にする
HTML Color PANTONE Chart Picker © 2021 - ssi
English 日本語 中文(简体) Deutsch Español Français italiano 한국
