#5179BC

#5179BC

#BC9451

#BC9451

コントラスト比

1.56:1

Delta E

81.22

Very Different

50:50 ミックス

#968689

カラー値

フォーマット #5179BC #BC9451
HEX #5179BC #BC9451
RGB 81, 121, 188 188, 148, 81
HSL 217.6, 44.4%, 52.7% 37.6, 44.4%, 52.7%
HSV 217.6, 56.9%, 73.7% 37.6, 56.9%, 73.7%
CMYK 56.9%, 35.6%, 0.0%, 26.3% 0.0%, 21.3%, 56.9%, 26.3%
OKLCH 0.5772 0.1132 260.2 0.69 0.0978 78.9

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BC9451 → 背景色: #5179BC

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

テキスト: #5179BC → 背景色: #BC9451

色差 (Delta E)

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

グラデーション

#5179BC #6F7DAB #85819A #968689 #A48A77 #B18F65 #BC9451

カラーミキシング

#5179BC

100%

#7B7FA2

75:25

#968689

50:50

#AB8D6E

25:75

#BC9451

100%

CSSグラデーションコード

background: linear-gradient(to right, #5179BC, #BC9451);
background: linear-gradient(135deg, #5179BC, #BC9451);

各色を詳しく見る

#5179BC

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

#BC9451

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

関連する比較