#494F86

#494F86

#868049

#868049

コントラスト比

1.89:1

Delta E

67.35

Very Different

50:50 ミックス

#6E6769

カラー値

フォーマット #494F86 #868049
HEX #494F86 #868049
RGB 73, 79, 134 134, 128, 73
HSL 234.1, 29.5%, 40.6% 54.1, 29.5%, 40.6%
HSV 234.1, 45.5%, 52.5% 54.1, 45.5%, 52.5%
CMYK 45.5%, 41.0%, 0.0%, 47.5% 0.0%, 4.5%, 45.5%, 47.5%
OKLCH 0.4485 0.0899 277.4 0.5922 0.0757 103.0

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

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #868049 → 背景色: #494F86

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

テキスト: #494F86 → 背景色: #868049

色差 (Delta E)

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

グラデーション

#494F86 #58577D #645F73 #6E6769 #776F5F #7F7755 #868049

カラーミキシング

#494F86

100%

#5E5B78

75:25

#6E6769

50:50

#7B735A

25:75

#868049

100%

CSSグラデーションコード

background: linear-gradient(to right, #494F86, #868049);
background: linear-gradient(135deg, #494F86, #868049);

各色を詳しく見る

#494F86

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

#868049

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

関連する比較