#5487FD

#5487FD

#FDCA54

#FDCA54

コントラスト比

2.2:1

Delta E

130.88

Very Different

50:50 ミックス

#C6A6AF

カラー値

フォーマット #5487FD #FDCA54
HEX #5487FD #FDCA54
RGB 84, 135, 253 253, 202, 84
HSL 221.9, 97.7%, 66.1% 41.9, 97.7%, 66.1%
HSV 221.9, 66.8%, 99.2% 41.9, 66.8%, 99.2%
CMYK 66.8%, 46.6%, 0.0%, 0.8% 0.0%, 20.2%, 66.8%, 0.8%
OKLCH 0.6477 0.184 264.3 0.863 0.1444 85.2

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCA54 → 背景色: #5487FD

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

テキスト: #5487FD → 背景色: #FDCA54

色差 (Delta E)

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

グラデーション

#5487FD #8A90E3 #AC9BC9 #C6A6AF #DBB193 #EDBE76 #FDCA54

カラーミキシング

#5487FD

100%

#9D96D6

75:25

#C6A6AF

50:50

#E4B785

25:75

#FDCA54

100%

CSSグラデーションコード

background: linear-gradient(to right, #5487FD, #FDCA54);
background: linear-gradient(135deg, #5487FD, #FDCA54);

各色を詳しく見る

#5487FD

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

#FDCA54

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

関連する比較