#6B82AF

#6B82AF

#AF986B

#AF986B

コントラスト比

1.38:1

Delta E

54.15

Very Different

50:50 ミックス

#938D8E

カラー値

フォーマット #6B82AF #AF986B
HEX #6B82AF #AF986B
RGB 107, 130, 175 175, 152, 107
HSL 219.7, 29.8%, 55.3% 39.7, 29.8%, 55.3%
HSV 219.7, 38.9%, 68.6% 39.7, 38.9%, 68.6%
CMYK 38.9%, 25.7%, 0.0%, 31.4% 0.0%, 13.1%, 38.9%, 31.4%
OKLCH 0.6063 0.074 263.4 0.6893 0.0669 83.7

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

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF986B → 背景色: #6B82AF

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

テキスト: #6B82AF → 背景色: #AF986B

色差 (Delta E)

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

グラデーション

#6B82AF #7B85A4 #888999 #938D8E #9D9082 #A69477 #AF986B

カラーミキシング

#6B82AF

100%

#81879E

75:25

#938D8E

50:50

#A2927D

25:75

#AF986B

100%

CSSグラデーションコード

background: linear-gradient(to right, #6B82AF, #AF986B);
background: linear-gradient(135deg, #6B82AF, #AF986B);

各色を詳しく見る

#6B82AF

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

#AF986B

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

関連する比較