#548CED

#548CED

#EDB554

#EDB554

コントラスト比

1.79:1

Delta E

111.86

Very Different

50:50 ミックス

#BA9FA4

カラー値

フォーマット #548CED #EDB554
HEX #548CED #EDB554
RGB 84, 140, 237 237, 181, 84
HSL 218.0, 81.0%, 62.9% 38.0, 81.0%, 62.9%
HSV 218.0, 64.6%, 92.9% 38.0, 64.6%, 92.9%
CMYK 64.6%, 40.9%, 0.0%, 7.1% 0.0%, 23.6%, 64.6%, 7.1%
OKLCH 0.648 0.1571 260.6 0.8064 0.1304 78.7

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

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EDB554 → 背景色: #548CED

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

テキスト: #548CED → 背景色: #EDB554

色差 (Delta E)

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

グラデーション

#548CED #8492D5 #A398BD #BA9FA4 #CEA68C #DEAD71 #EDB554

カラーミキシング

#548CED

100%

#9595C9

75:25

#BA9FA4

50:50

#D6AA7F

25:75

#EDB554

100%

CSSグラデーションコード

background: linear-gradient(to right, #548CED, #EDB554);
background: linear-gradient(135deg, #548CED, #EDB554);

各色を詳しく見る

#548CED

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

#EDB554

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

関連する比較