#2B4C76

#2B4C76

#76552B

#76552B

コントラスト比

1.29:1

Delta E

57.92

Very Different

50:50 ミックス

#5C5052

カラー値

フォーマット #2B4C76 #76552B
HEX #2B4C76 #76552B
RGB 43, 76, 118 118, 85, 43
HSL 213.6, 46.6%, 31.6% 33.6, 46.6%, 31.6%
HSV 213.6, 63.6%, 46.3% 33.6, 63.6%, 46.3%
CMYK 63.6%, 35.6%, 0.0%, 53.7% 0.0%, 28.0%, 63.6%, 53.7%
OKLCH 0.4122 0.0809 255.2 0.4754 0.0727 71.1

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #76552B → 背景色: #2B4C76

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

テキスト: #2B4C76 → 背景色: #76552B

色差 (Delta E)

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

グラデーション

#2B4C76 #414D6A #514F5E #5C5052 #665245 #6F5339 #76552B

カラーミキシング

#2B4C76

100%

#4A4E64

75:25

#5C5052

50:50

#6A523F

25:75

#76552B

100%

CSSグラデーションコード

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

各色を詳しく見る

#2B4C76

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

#76552B

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

関連する比較