black

#000000

#646CAD

#646CAD

コントラスト比

4.29:1

Delta E

61.1

Very Different

50:50 ミックス

カラー値

フォーマット #000000 #646CAD
HEX #000000 #646CAD
RGB 0, 0, 0 100, 108, 173
HSL 0.0, 0.0%, 0.0% 233.4, 30.8%, 53.5%
HSV 0.0, 0.0%, 0.0% 233.4, 42.2%, 67.8%
CMYK 0%, 0%, 0%, 100% 42.2%, 37.6%, 0.0%, 32.2%
OKLCH 0.0 0.0 0.0 0.5532 0.1012 277.2

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

4.29:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #646CAD → 背景色: #000000

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

テキスト: #000000 → 背景色: #646CAD

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #000000, #646CAD);
background: linear-gradient(135deg, #000000, #646CAD);

各色を詳しく見る

関連する比較