#216BAD

#216BAD

#AD6321

#AD6321

コントラスト比

1.22:1

Delta E

92.4

Very Different

50:50 ミックス

#87676A

カラー値

フォーマット #216BAD #AD6321
HEX #216BAD #AD6321
RGB 33, 107, 173 173, 99, 33
HSL 208.3, 68.0%, 40.4% 28.3, 68.0%, 40.4%
HSV 208.3, 80.9%, 67.8% 28.3, 80.9%, 67.8%
CMYK 80.9%, 38.2%, 0.0%, 32.2% 0.0%, 42.8%, 80.9%, 32.2%
OKLCH 0.517 0.1262 249.8 0.573 0.1225 57.4

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AD6321 → 背景色: #216BAD

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

テキスト: #216BAD → 背景色: #AD6321

色差 (Delta E)

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

グラデーション

#216BAD #586996 #736880 #87676A #966554 #A2643C #AD6321

カラーミキシング

#216BAD

100%

#67698B

75:25

#87676A

50:50

#9C6548

25:75

#AD6321

100%

CSSグラデーションコード

background: linear-gradient(to right, #216BAD, #AD6321);
background: linear-gradient(135deg, #216BAD, #AD6321);

各色を詳しく見る

#216BAD

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

#AD6321

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

関連する比較