#658989

#658989

#896565

#896565

コントラスト比

1.34:1

Delta E

29.82

Very Different

50:50 ミックス

#7A7777

カラー値

フォーマット #658989 #896565
HEX #658989 #896565
RGB 101, 137, 137 137, 101, 101
HSL 180.0, 15.1%, 46.7% 0.0, 15.1%, 46.7%
HSV 180.0, 26.3%, 53.7% 0.0, 26.3%, 53.7%
CMYK 26.3%, 0.0%, 0.0%, 46.3% 0.0%, 26.3%, 26.3%, 46.3%
OKLCH 0.6032 0.0402 196.1 0.5435 0.0467 18.7

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #896565 → 背景色: #658989

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

テキスト: #658989 → 背景色: #896565

色差 (Delta E)

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

グラデーション

#658989 #6D8383 #747D7D #7A7777 #807171 #856B6B #896565

カラーミキシング

#658989

100%

#718080

75:25

#7A7777

50:50

#826E6E

25:75

#896565

100%

CSSグラデーションコード

background: linear-gradient(to right, #658989, #896565);
background: linear-gradient(135deg, #658989, #896565);

各色を詳しく見る

#658989

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

#896565

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

関連する比較