#3B5BAF

#3B5BAF

#AF8F3B

#AF8F3B

コントラスト比

2.06:1

Delta E

99.32

Very Different

50:50 ミックス

#897379

カラー値

フォーマット #3B5BAF #AF8F3B
HEX #3B5BAF #AF8F3B
RGB 59, 91, 175 175, 143, 59
HSL 223.4, 49.6%, 45.9% 43.4, 49.6%, 45.9%
HSV 223.4, 66.3%, 68.6% 43.4, 66.3%, 68.6%
CMYK 66.3%, 48.0%, 0.0%, 31.4% 0.0%, 18.3%, 66.3%, 31.4%
OKLCH 0.4921 0.1389 265.8 0.6635 0.1088 88.1

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

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF8F3B → 背景色: #3B5BAF

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

テキスト: #3B5BAF → 背景色: #AF8F3B

色差 (Delta E)

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

グラデーション

#3B5BAF #5F629D #776B8B #897379 #977C66 #A48552 #AF8F3B

カラーミキシング

#3B5BAF

100%

#6C6694

75:25

#897379

50:50

#9E815D

25:75

#AF8F3B

100%

CSSグラデーションコード

background: linear-gradient(to right, #3B5BAF, #AF8F3B);
background: linear-gradient(135deg, #3B5BAF, #AF8F3B);

各色を詳しく見る

#3B5BAF

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

#AF8F3B

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

関連する比較