#2F5DAF

#2F5DAF

#AF812F

#AF812F

コントラスト比

1.82:1

Delta E

99.15

Very Different

50:50 ミックス

#876D73

カラー値

フォーマット #2F5DAF #AF812F
HEX #2F5DAF #AF812F
RGB 47, 93, 175 175, 129, 47
HSL 218.4, 57.7%, 43.5% 38.4, 57.7%, 43.5%
HSV 218.4, 73.1%, 68.6% 38.4, 73.1%, 68.6%
CMYK 73.1%, 46.9%, 0.0%, 31.4% 0.0%, 26.3%, 73.1%, 31.4%
OKLCH 0.4909 0.1404 260.9 0.6337 0.1121 78.3

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

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF812F → 背景色: #2F5DAF

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

テキスト: #2F5DAF → 背景色: #AF812F

色差 (Delta E)

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

グラデーション

#2F5DAF #5B629B #746787 #876D73 #97745F #A47A49 #AF812F

カラーミキシング

#2F5DAF

100%

#696591

75:25

#876D73

50:50

#9D7754

25:75

#AF812F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F5DAF, #AF812F);
background: linear-gradient(135deg, #2F5DAF, #AF812F);

各色を詳しく見る

#2F5DAF

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

#AF812F

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

関連する比較