#89E689 | 澄んだ緑(#89E689)をもとに配色を作成します
#89E689 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
About #89E689
HEX
#89E689
NAME
-
TONE
澄んだ緑
RGB
137 230 137
HSV
120° 40% 90%
CMYK
40% 0% 40% 9%
#89E689の色情報と配色の提案を表示します。#89E689は澄んだ緑で、構成成分はRGB(137 230 137)です。補色となる色は#E689E6です。緑色は、目に優しくリラックスをうながす色です。植物や自然をイメージさせる色です。成長や可能性を示す色として、新しく始める事業などのデザインに最適です。
Color schemes with #89E689
ひかえめで大人しい配色
#89E689 | colorate
ひかえめで大人しい配色
同一の色相で構成された配色です。この配色は、大人しく、落ち着いた静かな印象を与えます。
base
base
#CFF5CF RGB 207 245 207 #CFF5CF
main
main
#89E689 RGB 137 230 137 #89E689
accent
accent
#4AD64A RGB 74 214 74 #4AD64A
クリップボードにコピーする
閉じる
base
#CFF5CF main
#89E689 accent
#4AD64A
やわらかくソフトな配色
#89E689 | colorate
やわらかくソフトな配色
近い色味で構成された配色です。この配色は、柔らかく、有機的で自然な印象を与えます。
base
base
#D3F3C8 RGB 211 243 200 #D3F3C8
main
main
#89E689 RGB 137 230 137 #89E689
accent
accent
#50D874 RGB 80 216 116 #50D874
クリップボードにコピーする
閉じる
base
#D3F3C8 main
#89E689 accent
#50D874
力強く派手な配色
#89E689 | colorate
力強く派手な配色
アクセントに補色を用いた配色です。この配色は、力強く、行動的で派手な印象を与えます。
base
base
#DEF8DE RGB 222 248 222 #DEF8DE
main
main
#89E689 RGB 137 230 137 #89E689
accent
accent
#E689E6 RGB 230 137 230 #E689E6
クリップボードにコピーする
閉じる
base
#DEF8DE main
#89E689 accent
#E689E6
カラフルで調和の取れた配色
#89E689 | colorate
カラフルで調和の取れた配色
補色と隣り合わせの色で構成された配色です。動きがあり、カラフルで楽しい印象を与えます。
base
base
#EDFBED RGB 237 251 237 #EDFBED
main
main
#89E689 RGB 137 230 137 #89E689
accent
accent
#AE89E6 RGB 174 137 230 #AE89E6
accent
accent
#E689AE RGB 230 137 174 #E689AE
クリップボードにコピーする
閉じる
base
#EDFBED main
#89E689 accent
#AE89E6 accent
#E689AE
Color schemes example
Fine adjustment from #89E689
明るく
#89E689 #99E999 #AAEDAA #BBF0BB #CCF4CC #DDF7DD #EEFBEE
暗く
#89E689 #75C575 #61A461 #4E834E #3A623A #274127 #132013
色相
#89E6AA #89E69F #89E694 #89E689 #94E689 #9FE689 #AAE689
彩度
#C0E6C0 #ADE6AD #9BE69B #89E689 #76E676 #64E664 #51E651
明度
#589458 #64A864 #70BD70 #7CD17C #89E689 #95FA95 #97FF97
HTML Color
LightGreen
#90EE90 PaleGreen
#98FB98 DarkSeaGreen
#8FBC8B MediumAquamarine
#66CDAA DarkGray
#A9A9A9
補色
#E689E6
トライアド
#E68989 #89E689 #8989E6
PANTONE
PANTONE 358 U
#94D68A PANTONE 7487 U
#84DF75 PANTONE 2267 C
#96DE99 PANTONE 2255 U
#86D59B
CSSコード
<style type="text/css">
div {
    color : #89E689;
    background-color : #89E689;
}
</style>
Contrast ratio
文字や背景に、白や黒を使用するときのコントラスト比を確認します。WCAG2.0による評価基準（A=不十分、AA=最低限、AAA=より十分）
白と#89E689 (1.53 : 1)
14pt
A 18pt
A 14pt
A 18pt
A
黒と#89E689 (13.74 : 1)
14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA
Blend base on #89E689
白とのブレンド
#89E689 - #EEFBEE
黒とのブレンド
#89E689 - #132013
遠い色とのブレンド
#89E689 - #E68989
#89E689 - #E689E6
#89E689 - #8989E6
近い色とのブレンド
#89E689 - #84F2C6
#89E689 - #7EFFA4
#89E689 - #65CC84
バーコードどころ
オンライン上でいろいろなバーコードの作成ができます。作成したバーコードはPNGやEPSでダウンロードできます。
バーコードを作成する
colorate
色と配色の持つ印象を掛け合わせることで、最適な配色を提案します。専門知識がなくても、だれでも短時間で、色彩理論に基づいた調和の取れた配色ができます。
配色を作成する
textate
テキスト文書を読みやすく、見返しやすい画像にします。SNSでまとまった文章を送りたいときに役立ちます。
テキストを画像にする
HTML Color PANTONE Chart Picker © 2021 - ssi
English 日本語 中文(简体) Deutsch Español Français italiano 한국
