#2B4F79

#2B4F79

#79552B

#79552B

コントラスト比

1.26:1

Delta E

58.77

Very Different

50:50 ミックス

#5F5253

カラー値

フォーマット #2B4F79 #79552B
HEX #2B4F79 #79552B
RGB 43, 79, 121 121, 85, 43
HSL 212.3, 47.6%, 32.2% 32.3, 47.6%, 32.2%
HSV 212.3, 64.5%, 47.5% 32.3, 64.5%, 47.5%
CMYK 64.5%, 34.7%, 0.0%, 52.5% 0.0%, 29.8%, 64.5%, 52.5%
OKLCH 0.4214 0.0819 253.5 0.479 0.075 68.5

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #79552B → 背景色: #2B4F79

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

テキスト: #2B4F79 → 背景色: #79552B

色差 (Delta E)

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

グラデーション

#2B4F79 #43506C #535160 #5F5253 #695346 #715439 #79552B

カラーミキシング

#2B4F79

100%

#4B5066

75:25

#5F5253

50:50

#6D5340

25:75

#79552B

100%

CSSグラデーションコード

background: linear-gradient(to right, #2B4F79, #79552B);
background: linear-gradient(135deg, #2B4F79, #79552B);

各色を詳しく見る

#2B4F79

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

#79552B

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

関連する比較