#649BBC

#649BBC

#BC8564

#BC8564

コントラスト比

1.04:1

Delta E

55.5

Very Different

50:50 ミックス

#9B9090

カラー値

フォーマット #649BBC #BC8564
HEX #649BBC #BC8564
RGB 100, 155, 188 188, 133, 100
HSL 202.5, 39.6%, 56.5% 22.5, 39.6%, 56.5%
HSV 202.5, 46.8%, 73.7% 22.5, 46.8%, 73.7%
CMYK 46.8%, 17.6%, 0.0%, 26.3% 0.0%, 29.3%, 46.8%, 26.3%
OKLCH 0.664 0.0761 235.9 0.6636 0.0822 51.8

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BC8564 → 背景色: #649BBC

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

テキスト: #649BBC → 背景色: #BC8564

色差 (Delta E)

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

グラデーション

#649BBC #7B98AD #8D949F #9B9090 #A88D81 #B38973 #BC8564

カラーミキシング

#649BBC

100%

#8596A6

75:25

#9B9090

50:50

#AD8B7A

25:75

#BC8564

100%

CSSグラデーションコード

background: linear-gradient(to right, #649BBC, #BC8564);
background: linear-gradient(135deg, #649BBC, #BC8564);

各色を詳しく見る

#649BBC

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

#BC8564

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

関連する比較