#6778EB

#6778EB

#EBDA67

#EBDA67

コントラスト比

2.7:1

Delta E

127.1

Very Different

50:50 ミックス

#BCA7AF

カラー値

フォーマット #6778EB #EBDA67
HEX #6778EB #EBDA67
RGB 103, 120, 235 235, 218, 103
HSL 232.3, 76.7%, 66.3% 52.3, 76.7%, 66.3%
HSV 232.3, 56.2%, 92.2% 52.3, 56.2%, 92.2%
CMYK 56.2%, 48.9%, 0.0%, 7.8% 0.0%, 7.2%, 56.2%, 7.8%
OKLCH 0.6167 0.1725 273.9 0.8799 0.1367 101.0

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

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBDA67 → 背景色: #6778EB

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

テキスト: #6778EB → 背景色: #EBDA67

色差 (Delta E)

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

グラデーション

#6778EB #8C87D7 #A796C3 #BCA7AF #CEB799 #DDC982 #EBDA67

カラーミキシング

#6778EB

100%

#9A8FCD

75:25

#BCA7AF

50:50

#D6C08E

25:75

#EBDA67

100%

CSSグラデーションコード

background: linear-gradient(to right, #6778EB, #EBDA67);
background: linear-gradient(135deg, #6778EB, #EBDA67);

各色を詳しく見る

#6778EB

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

#EBDA67

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

関連する比較