black

#000000

#646DDC

#646DDC

コントラスト比

4.76:1

Delta E

81.86

Very Different

50:50 ミックス

#363768

カラー値

フォーマット #000000 #646DDC
HEX #000000 #646DDC
RGB 0, 0, 0 100, 109, 220
HSL 0.0, 0.0%, 0.0% 235.5, 63.2%, 62.7%
HSV 0.0, 0.0%, 0.0% 235.5, 54.5%, 86.3%
CMYK 0%, 0%, 0%, 100% 54.5%, 50.5%, 0.0%, 13.7%
OKLCH 0.0 0.0 0.0 0.5838 0.167 276.4

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

4.76:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

テキスト読みやすさ

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

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

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

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

色差 (Delta E)

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

グラデーション

#000000 #181725 #272645 #363768 #45488D #545AB4 #646DDC

カラーミキシング

#000000

100%

#1F1E35

75:25

#363768

50:50

#4D51A0

25:75

#646DDC

100%

CSSグラデーションコード

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

各色を詳しく見る

black

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

#646DDC

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

関連する比較