#6983AF

#6983AF

#AF9569

#AF9569

コントラスト比

1.34:1

Delta E

53.77

Very Different

50:50 ミックス

#938C8D

カラー値

フォーマット #6983AF #AF9569
HEX #6983AF #AF9569
RGB 105, 131, 175 175, 149, 105
HSL 217.7, 30.4%, 54.9% 37.7, 30.4%, 54.9%
HSV 217.7, 40.0%, 68.6% 37.7, 40.0%, 68.6%
CMYK 40.0%, 25.1%, 0.0%, 31.4% 0.0%, 14.9%, 40.0%, 31.4%
OKLCH 0.6072 0.0738 260.7 0.6827 0.0674 80.4

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF9569 → 背景色: #6983AF

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

テキスト: #6983AF → 背景色: #AF9569

色差 (Delta E)

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

グラデーション

#6983AF #7986A4 #878998 #938C8D #9D8F81 #A69275 #AF9569

カラーミキシング

#6983AF

100%

#80879E

75:25

#938C8D

50:50

#A2907B

25:75

#AF9569

100%

CSSグラデーションコード

background: linear-gradient(to right, #6983AF, #AF9569);
background: linear-gradient(135deg, #6983AF, #AF9569);

各色を詳しく見る

#6983AF

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

#AF9569

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

関連する比較