#848DDF

#848DDF

#DFD684

#DFD684

コントラスト比

2.05:1

Delta E

91.29

Very Different

50:50 ミックス

#BBB0B4

カラー値

フォーマット #848DDF #DFD684
HEX #848DDF #DFD684
RGB 132, 141, 223 223, 214, 132
HSL 234.1, 58.7%, 69.6% 54.1, 58.7%, 69.6%
HSV 234.1, 40.8%, 87.5% 54.1, 40.8%, 87.5%
CMYK 40.8%, 36.8%, 0.0%, 12.5% 0.0%, 4.0%, 40.8%, 12.5%
OKLCH 0.6705 0.1215 277.8 0.8653 0.1037 102.9

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

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFD684 → 背景色: #848DDF

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

テキスト: #848DDF → 背景色: #DFD684

色差 (Delta E)

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

グラデーション

#848DDF #9A98D1 #ABA4C3 #BBB0B4 #C8BDA5 #D4C995 #DFD684

カラーミキシング

#848DDF

100%

#A39ECA

75:25

#BBB0B4

50:50

#CEC39D

25:75

#DFD684

100%

CSSグラデーションコード

background: linear-gradient(to right, #848DDF, #DFD684);
background: linear-gradient(135deg, #848DDF, #DFD684);

各色を詳しく見る

#848DDF

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

#DFD684

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

関連する比較