#4896DF

#4896DF

#DF9148

#DF9148

コントラスト比

1.24:1

Delta E

97.08

Very Different

50:50 ミックス

#B09395

カラー値

フォーマット #4896DF #DF9148
HEX #4896DF #DF9148
RGB 72, 150, 223 223, 145, 72
HSL 209.0, 70.2%, 57.8% 29.0, 70.2%, 57.8%
HSV 209.0, 67.7%, 87.5% 29.0, 67.7%, 87.5%
CMYK 67.7%, 32.7%, 0.0%, 12.5% 0.0%, 35.0%, 67.7%, 12.5%
OKLCH 0.6569 0.1337 249.2 0.7226 0.1292 61.3

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF9148 → 背景色: #4896DF

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

テキスト: #4896DF → 背景色: #DF9148

色差 (Delta E)

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

グラデーション

#4896DF #7B95C6 #9994AE #B09395 #C2927D #D29263 #DF9148

カラーミキシング

#4896DF

100%

#8B94BA

75:25

#B09395

50:50

#CA9270

25:75

#DF9148

100%

CSSグラデーションコード

background: linear-gradient(to right, #4896DF, #DF9148);
background: linear-gradient(135deg, #4896DF, #DF9148);

各色を詳しく見る

#4896DF

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

#DF9148

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

関連する比較