#45ECFD

#45ECFD

#FD5645

#FD5645

コントラスト比

2.22:1

Delta E

121.25

Very Different

50:50 ミックス

#D3AA9E

カラー値

フォーマット #45ECFD #FD5645
HEX #45ECFD #FD5645
RGB 69, 236, 253 253, 86, 69
HSL 185.5, 97.9%, 63.1% 5.5, 97.9%, 63.1%
HSV 185.5, 72.7%, 99.2% 5.5, 72.7%, 99.2%
CMYK 72.7%, 6.7%, 0.0%, 0.8% 0.0%, 66.0%, 72.7%, 0.8%
OKLCH 0.8669 0.1336 205.2 0.6779 0.2057 29.3

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

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD5645 → 背景色: #45ECFD

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

テキスト: #45ECFD → 背景色: #FD5645

色差 (Delta E)

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

グラデーション

#45ECFD #93D7DC #BAC1BD #D3AA9E #E6927F #F37762 #FD5645

カラーミキシング

#45ECFD

100%

#A9CCCD

75:25

#D3AA9E

50:50

#ED8571

25:75

#FD5645

100%

CSSグラデーションコード

background: linear-gradient(to right, #45ECFD, #FD5645);
background: linear-gradient(135deg, #45ECFD, #FD5645);

各色を詳しく見る

#45ECFD

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

#FD5645

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

関連する比較