#5960BA

#5960BA

#BAB359

#BAB359

コントラスト比

2.54:1

Delta E

103.94

Very Different

50:50 ミックス

#96888E

カラー値

フォーマット #5960BA #BAB359
HEX #5960BA #BAB359
RGB 89, 96, 186 186, 179, 89
HSL 235.7, 41.3%, 53.9% 55.7, 41.3%, 53.9%
HSV 235.7, 52.2%, 72.9% 55.7, 52.2%, 72.9%
CMYK 52.2%, 48.4%, 0.0%, 27.1% 0.0%, 3.8%, 52.2%, 27.1%
OKLCH 0.5285 0.1393 277.2 0.7538 0.1127 104.8

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

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BAB359 → 背景色: #5960BA

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

テキスト: #5960BA → 背景色: #BAB359

色差 (Delta E)

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

グラデーション

#5960BA #736DAC #877A9D #96888E #A4967E #B0A46C #BAB359

カラーミキシング

#5960BA

100%

#7D73A4

75:25

#96888E

50:50

#AA9D75

25:75

#BAB359

100%

CSSグラデーションコード

background: linear-gradient(to right, #5960BA, #BAB359);
background: linear-gradient(135deg, #5960BA, #BAB359);

各色を詳しく見る

#5960BA

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

#BAB359

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

関連する比較