#9DA3A7

#9DA3A7

#A7A19D

#A7A19D

コントラスト比

1.0:1

Delta E

6.3

Noticeable

50:50 ミックス

#A2A2A2

カラー値

フォーマット #9DA3A7 #A7A19D
HEX #9DA3A7 #A7A19D
RGB 157, 163, 167 167, 161, 157
HSL 204.0, 5.4%, 63.5% 24.0, 5.4%, 63.5%
HSV 204.0, 6.0%, 65.5% 24.0, 6.0%, 65.5%
CMYK 6.0%, 2.4%, 0.0%, 34.5% 0.0%, 3.6%, 6.0%, 34.5%
OKLCH 0.7119 0.009 236.6 0.7129 0.0091 56.3

コントラストとアクセシビリティ

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #A7A19D → 背景色: #9DA3A7

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #9DA3A7 → 背景色: #A7A19D

色差 (Delta E)

6.3 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#9DA3A7 #9FA3A5 #A0A2A4 #A2A2A2 #A4A2A0 #A5A19F #A7A19D

カラーミキシング

#9DA3A7

100%

#A0A3A5

75:25

#A2A2A2

50:50

#A5A2A0

25:75

#A7A19D

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DA3A7, #A7A19D);
background: linear-gradient(135deg, #9DA3A7, #A7A19D);

各色を詳しく見る

#9DA3A7

カラーの詳細をすべて見る

#A7A19D

カラーの詳細をすべて見る

関連する比較