#1663AD

#1663AD

#AD6016

#AD6016

コントラスト比

1.3:1

Delta E

99.44

Very Different

50:50 ミックス

#866166

カラー値

フォーマット #1663AD #AD6016
HEX #1663AD #AD6016
RGB 22, 99, 173 173, 96, 22
HSL 209.4, 77.4%, 38.2% 29.4, 77.4%, 38.2%
HSV 209.4, 87.3%, 67.8% 29.4, 87.3%, 67.8%
CMYK 87.3%, 42.8%, 0.0%, 32.2% 0.0%, 44.5%, 87.3%, 32.2%
OKLCH 0.4958 0.1375 252.4 0.567 0.1278 57.6

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AD6016 → 背景色: #1663AD

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

テキスト: #1663AD → 背景色: #AD6016

色差 (Delta E)

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

グラデーション

#1663AD #566295 #72617E #866166 #95604F #A26036 #AD6016

カラーミキシング

#1663AD

100%

#66628A

75:25

#866166

50:50

#9C6043

25:75

#AD6016

100%

CSSグラデーションコード

background: linear-gradient(to right, #1663AD, #AD6016);
background: linear-gradient(135deg, #1663AD, #AD6016);

各色を詳しく見る

#1663AD

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

#AD6016

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

関連する比較