#2E4475

#2E4475

#755F2E

#755F2E

コントラスト比

1.56:1

Delta E

63.1

Very Different

50:50 ミックス

#5C5153

カラー値

フォーマット #2E4475 #755F2E
HEX #2E4475 #755F2E
RGB 46, 68, 117 117, 95, 46
HSL 221.4, 43.6%, 32.0% 41.4, 43.6%, 32.0%
HSV 221.4, 60.7%, 45.9% 41.4, 60.7%, 45.9%
CMYK 60.7%, 41.9%, 0.0%, 54.1% 0.0%, 18.8%, 60.7%, 54.1%
OKLCH 0.394 0.0877 264.5 0.4965 0.0727 85.4

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #755F2E → 背景色: #2E4475

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

テキスト: #2E4475 → 背景色: #755F2E

色差 (Delta E)

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

グラデーション

#2E4475 #42486A #504C5F #5C5153 #655548 #6E5A3B #755F2E

カラーミキシング

#2E4475

100%

#4A4A64

75:25

#5C5153

50:50

#6A5842

25:75

#755F2E

100%

CSSグラデーションコード

background: linear-gradient(to right, #2E4475, #755F2E);
background: linear-gradient(135deg, #2E4475, #755F2E);

各色を詳しく見る

#2E4475

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

#755F2E

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

関連する比較