#3B4459

#3B4459

#59503B

#59503B

コントラスト比

1.22:1

Delta E

28.05

Very Different

50:50 ミックス

#4C4A4A

カラー値

フォーマット #3B4459 #59503B
HEX #3B4459 #59503B
RGB 59, 68, 89 89, 80, 59
HSL 222.0, 20.3%, 29.0% 42.0, 20.3%, 29.0%
HSV 222.0, 33.7%, 34.9% 42.0, 33.7%, 34.9%
CMYK 33.7%, 23.6%, 0.0%, 65.1% 0.0%, 10.1%, 33.7%, 65.1%
OKLCH 0.3874 0.0378 266.6 0.4341 0.0347 87.5

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #59503B → 背景色: #3B4459

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

テキスト: #3B4459 → 背景色: #59503B

色差 (Delta E)

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

グラデーション

#3B4459 #414654 #47484F #4C4A4A #514C45 #554E40 #59503B

カラーミキシング

#3B4459

100%

#444752

75:25

#4C4A4A

50:50

#534D43

25:75

#59503B

100%

CSSグラデーションコード

background: linear-gradient(to right, #3B4459, #59503B);
background: linear-gradient(135deg, #3B4459, #59503B);

各色を詳しく見る

#3B4459

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

#59503B

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

関連する比較