#657697

#657697

#978665

#978665

コントラスト比

1.29:1

Delta E

40.69

Very Different

50:50 ミックス

#827E7E

カラー値

フォーマット #657697 #978665
HEX #657697 #978665
RGB 101, 118, 151 151, 134, 101
HSL 219.6, 19.8%, 49.4% 39.6, 19.8%, 49.4%
HSV 219.6, 33.1%, 59.2% 39.6, 33.1%, 59.2%
CMYK 33.1%, 21.9%, 0.0%, 40.8% 0.0%, 11.3%, 33.1%, 40.8%
OKLCH 0.5647 0.0552 263.4 0.6268 0.051 83.7

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #978665 → 背景色: #657697

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

テキスト: #657697 → 背景色: #978665

色差 (Delta E)

40.69 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#657697 #70798F #797B87 #827E7E #898076 #90836E #978665

カラーミキシング

#657697

100%

#757A8B

75:25

#827E7E

50:50

#8D8272

25:75

#978665

100%

CSSグラデーションコード

background: linear-gradient(to right, #657697, #978665);
background: linear-gradient(135deg, #657697, #978665);

各色を詳しく見る

#657697

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

#978665

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

関連する比較