#7499DF

#7499DF

#DFBA74

#DFBA74

コントラスト比

1.55:1

Delta E

81.06

Very Different

50:50 ミックス

#B6A9AB

カラー値

フォーマット #7499DF #DFBA74
HEX #7499DF #DFBA74
RGB 116, 153, 223 223, 186, 116
HSL 219.3, 62.6%, 66.5% 39.3, 62.6%, 66.5%
HSV 219.3, 48.0%, 87.5% 39.3, 48.0%, 87.5%
CMYK 48.0%, 31.4%, 0.0%, 12.5% 0.0%, 16.6%, 48.0%, 12.5%
OKLCH 0.6846 0.1119 262.5 0.8062 0.0982 82.5

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

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBA74 → 背景色: #7499DF

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

テキスト: #7499DF → 背景色: #DFBA74

色差 (Delta E)

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

グラデーション

#7499DF #8F9ECE #A4A3BD #B6A9AB #C5AE99 #D3B487 #DFBA74

カラーミキシング

#7499DF

100%

#9AA1C5

75:25

#B6A9AB

50:50

#CCB190

25:75

#DFBA74

100%

CSSグラデーションコード

background: linear-gradient(to right, #7499DF, #DFBA74);
background: linear-gradient(135deg, #7499DF, #DFBA74);

各色を詳しく見る

#7499DF

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

#DFBA74

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

関連する比較