#2B345E

#2B345E

#5E552B

#5E552B

コントラスト比

1.6:1

Delta E

54.97

Very Different

50:50 ミックス

#4B4446

カラー値

フォーマット #2B345E #5E552B
HEX #2B345E #5E552B
RGB 43, 52, 94 94, 85, 43
HSL 229.4, 37.2%, 26.9% 49.4, 37.2%, 26.9%
HSV 229.4, 54.3%, 36.9% 49.4, 54.3%, 36.9%
CMYK 54.3%, 44.7%, 0.0%, 63.1% 0.0%, 9.6%, 54.3%, 63.1%
OKLCH 0.3391 0.0746 272.7 0.4481 0.0615 97.5

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

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #5E552B → 背景色: #2B345E

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

テキスト: #2B345E → 背景色: #5E552B

色差 (Delta E)

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

グラデーション

#2B345E #383956 #423E4E #4B4446 #52493E #584F35 #5E552B

カラーミキシング

#2B345E

100%

#3E3C52

75:25

#4B4446

50:50

#554C39

25:75

#5E552B

100%

CSSグラデーションコード

background: linear-gradient(to right, #2B345E, #5E552B);
background: linear-gradient(135deg, #2B345E, #5E552B);

各色を詳しく見る

#2B345E

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

#5E552B

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

関連する比較