#7B82DF

#7B82DF

#DFD87B

#DFD87B

コントラスト比

2.34:1

Delta E

103.73

Very Different

50:50 ミックス

#B8ABB0

カラー値

フォーマット #7B82DF #DFD87B
HEX #7B82DF #DFD87B
RGB 123, 130, 223 223, 216, 123
HSL 235.8, 61.0%, 67.8% 55.8, 61.0%, 67.8%
HSV 235.8, 44.8%, 87.5% 55.8, 44.8%, 87.5%
CMYK 44.8%, 41.7%, 0.0%, 12.5% 0.0%, 3.1%, 44.8%, 12.5%
OKLCH 0.6423 0.1382 278.5 0.8681 0.1155 104.8

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

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFD87B → 背景色: #7B82DF

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

テキスト: #7B82DF → 背景色: #DFD87B

色差 (Delta E)

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

グラデーション

#7B82DF #948FD0 #A89DC0 #B8ABB0 #C7BAA0 #D3C98E #DFD87B

カラーミキシング

#7B82DF

100%

#9E96C8

75:25

#B8ABB0

50:50

#CDC197

25:75

#DFD87B

100%

CSSグラデーションコード

background: linear-gradient(to right, #7B82DF, #DFD87B);
background: linear-gradient(135deg, #7B82DF, #DFD87B);

各色を詳しく見る

#7B82DF

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

#DFD87B

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

関連する比較