#6694DF

#6694DF

#DFB166

#DFB166

コントラスト比

1.55:1

Delta E

88.36

Very Different

50:50 ミックス

#B3A1A5

カラー値

フォーマット #6694DF #DFB166
HEX #6694DF #DFB166
RGB 102, 148, 223 223, 177, 102
HSL 217.2, 65.4%, 63.7% 37.2, 65.4%, 63.7%
HSV 217.2, 54.3%, 87.5% 37.2, 54.3%, 87.5%
CMYK 54.3%, 33.6%, 0.0%, 12.5% 0.0%, 20.6%, 54.3%, 12.5%
OKLCH 0.666 0.123 259.8 0.7865 0.1075 78.4

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

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

テキスト読みやすさ

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

テキスト: #DFB166 → 背景色: #6694DF

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

テキスト: #6694DF → 背景色: #DFB166

色差 (Delta E)

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

グラデーション

#6694DF #8798CC #9F9DB8 #B3A1A5 #C4A691 #D2AC7C #DFB166

カラーミキシング

#6694DF

100%

#949AC2

75:25

#B3A1A5

50:50

#CBA986

25:75

#DFB166

100%

CSSグラデーションコード

background: linear-gradient(to right, #6694DF, #DFB166);
background: linear-gradient(135deg, #6694DF, #DFB166);

各色を詳しく見る

#6694DF

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

#DFB166

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

関連する比較