#445285

#445285

#857744

#857744

コントラスト比

1.69:1

Delta E

62.93

Very Different

50:50 ミックス

#6C6466

カラー値

フォーマット #445285 #857744
HEX #445285 #857744
RGB 68, 82, 133 133, 119, 68
HSL 227.1, 32.3%, 39.4% 47.1, 32.3%, 39.4%
HSV 227.1, 48.9%, 52.2% 47.1, 48.9%, 52.2%
CMYK 48.9%, 38.3%, 0.0%, 47.8% 0.0%, 10.5%, 48.9%, 47.8%
OKLCH 0.4508 0.0855 271.0 0.5702 0.0721 94.5

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

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #857744 → 背景色: #445285

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

テキスト: #445285 → 背景色: #857744

色差 (Delta E)

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

グラデーション

#445285 #54587B #615E71 #6C6466 #756A5B #7D7050 #857744

カラーミキシング

#445285

100%

#5B5B76

75:25

#6C6466

50:50

#796D56

25:75

#857744

100%

CSSグラデーションコード

background: linear-gradient(to right, #445285, #857744);
background: linear-gradient(135deg, #445285, #857744);

各色を詳しく見る

#445285

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

#857744

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

関連する比較