#55BCFD

#55BCFD

#FD9655

#FD9655

コントラスト比

1.03:1

Delta E

100.71

Very Different

50:50 ミックス

#CAAAA9

カラー値

フォーマット #55BCFD #FD9655
HEX #55BCFD #FD9655
RGB 85, 188, 253 253, 150, 85
HSL 203.2, 97.7%, 66.3% 23.2, 97.7%, 66.3%
HSV 203.2, 66.4%, 99.2% 23.2, 66.4%, 99.2%
CMYK 66.4%, 25.7%, 0.0%, 0.8% 0.0%, 40.7%, 66.4%, 0.8%
OKLCH 0.7614 0.1333 239.6 0.7692 0.1474 51.2

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

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD9655 → 背景色: #55BCFD

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

テキスト: #55BCFD → 背景色: #FD9655

色差 (Delta E)

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

グラデーション

#55BCFD #8EB6E1 #B1B0C5 #CAAAA9 #DEA48E #EF9D72 #FD9655

カラーミキシング

#55BCFD

100%

#A1B3D3

75:25

#CAAAA9

50:50

#E7A080

25:75

#FD9655

100%

CSSグラデーションコード

background: linear-gradient(to right, #55BCFD, #FD9655);
background: linear-gradient(135deg, #55BCFD, #FD9655);

各色を詳しく見る

#55BCFD

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

#FD9655

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

関連する比較