#2168AA

#2168AA

#AA6321

#AA6321

コントラスト比

1.25:1

Delta E

91.39

Very Different

50:50 ミックス

#846569

カラー値

フォーマット #2168AA #AA6321
HEX #2168AA #AA6321
RGB 33, 104, 170 170, 99, 33
HSL 208.9, 67.5%, 39.8% 28.9, 67.5%, 39.8%
HSV 208.9, 80.6%, 66.7% 28.9, 80.6%, 66.7%
CMYK 80.6%, 38.8%, 0.0%, 33.3% 0.0%, 41.8%, 80.6%, 33.3%
OKLCH 0.5081 0.1255 250.6 0.569 0.1197 58.7

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AA6321 → 背景色: #2168AA

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

テキスト: #2168AA → 背景色: #AA6321

色差 (Delta E)

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

グラデーション

#2168AA #566794 #71667E #846569 #936453 #9F643C #AA6321

カラーミキシング

#2168AA

100%

#656689

75:25

#846569

50:50

#996447

25:75

#AA6321

100%

CSSグラデーションコード

background: linear-gradient(to right, #2168AA, #AA6321);
background: linear-gradient(135deg, #2168AA, #AA6321);

各色を詳しく見る

#2168AA

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

#AA6321

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

関連する比較