#778DBB

#778DBB

#BBA577

#BBA577

コントラスト比

1.39:1

Delta E

54.32

Very Different

50:50 ミックス

#9F999A

カラー値

フォーマット #778DBB #BBA577
HEX #778DBB #BBA577
RGB 119, 141, 187 187, 165, 119
HSL 220.6, 33.3%, 60.0% 40.6, 33.3%, 60.0%
HSV 220.6, 36.4%, 73.3% 40.6, 36.4%, 73.3%
CMYK 36.4%, 24.6%, 0.0%, 26.7% 0.0%, 11.8%, 36.4%, 26.7%
OKLCH 0.6439 0.0739 264.6 0.73 0.067 85.2

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BBA577 → 背景色: #778DBB

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

テキスト: #778DBB → 背景色: #BBA577

色差 (Delta E)

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

グラデーション

#778DBB #8691B0 #9395A5 #9F999A #A99D8E #B2A183 #BBA577

カラーミキシング

#778DBB

100%

#8D93AA

75:25

#9F999A

50:50

#AE9F89

25:75

#BBA577

100%

CSSグラデーションコード

background: linear-gradient(to right, #778DBB, #BBA577);
background: linear-gradient(135deg, #778DBB, #BBA577);

各色を詳しく見る

#778DBB

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

#BBA577

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

関連する比較