#70BAFE

#70BAFE

#FEB470

#FEB470

コントラスト比

1.18:1

Delta E

89.05

Very Different

50:50 ミックス

#CDB7B8

カラー値

フォーマット #70BAFE #FEB470
HEX #70BAFE #FEB470
RGB 112, 186, 254 254, 180, 112
HSL 208.7, 98.6%, 71.8% 28.7, 98.6%, 71.8%
HSV 208.7, 55.9%, 99.6% 28.7, 55.9%, 99.6%
CMYK 55.9%, 26.8%, 0.0%, 0.4% 0.0%, 29.1%, 55.9%, 0.4%
OKLCH 0.7681 0.1231 247.8 0.8261 0.1209 62.5

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

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEB470 → 背景色: #70BAFE

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

テキスト: #70BAFE → 背景色: #FEB470

色差 (Delta E)

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

グラデーション

#70BAFE #99B9E7 #B6B8CF #CDB7B8 #DFB6A1 #F0B589 #FEB470

カラーミキシング

#70BAFE

100%

#A8B8DB

75:25

#CDB7B8

50:50

#E8B595

25:75

#FEB470

100%

CSSグラデーションコード

background: linear-gradient(to right, #70BAFE, #FEB470);
background: linear-gradient(135deg, #70BAFE, #FEB470);

各色を詳しく見る

#70BAFE

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

#FEB470

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

関連する比較