#618DDF

#618DDF

#DFB361

#DFB361

コントラスト比

1.69:1

Delta E

95.16

Very Different

50:50 ミックス

#B29FA3

カラー値

フォーマット #618DDF #DFB361
HEX #618DDF #DFB361
RGB 97, 141, 223 223, 179, 97
HSL 219.0, 66.3%, 62.7% 39.0, 66.3%, 62.7%
HSV 219.0, 56.5%, 87.5% 39.0, 56.5%, 87.5%
CMYK 56.5%, 36.8%, 0.0%, 12.5% 0.0%, 19.7%, 56.5%, 12.5%
OKLCH 0.6484 0.1325 262.0 0.7897 0.1127 81.5

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

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB361 → 背景色: #618DDF

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

テキスト: #618DDF → 背景色: #DFB361

色差 (Delta E)

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

グラデーション

#618DDF #8493CB #9E98B7 #B29FA3 #C3A58E #D2AC78 #DFB361

カラーミキシング

#618DDF

100%

#9295C1

75:25

#B29FA3

50:50

#CBA983

25:75

#DFB361

100%

CSSグラデーションコード

background: linear-gradient(to right, #618DDF, #DFB361);
background: linear-gradient(135deg, #618DDF, #DFB361);

各色を詳しく見る

#618DDF

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

#DFB361

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

関連する比較