#366299

#366299

#996D36

#996D36

コントラスト比

1.37:1

Delta E

72.58

Very Different

50:50 ミックス

#786769

カラー値

フォーマット #366299 #996D36
HEX #366299 #996D36
RGB 54, 98, 153 153, 109, 54
HSL 213.3, 47.8%, 40.6% 33.3, 47.8%, 40.6%
HSV 213.3, 64.7%, 60.0% 33.3, 64.7%, 60.0%
CMYK 64.7%, 35.9%, 0.0%, 40.0% 0.0%, 28.8%, 64.7%, 40.0%
OKLCH 0.4912 0.1014 255.0 0.5686 0.0909 70.2

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

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #996D36 → 背景色: #366299

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

テキスト: #366299 → 背景色: #996D36

色差 (Delta E)

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

グラデーション

#366299 #556389 #696579 #786769 #856959 #8F6B48 #996D36

カラーミキシング

#366299

100%

#5F6481

75:25

#786769

50:50

#8A6A51

25:75

#996D36

100%

CSSグラデーションコード

background: linear-gradient(to right, #366299, #996D36);
background: linear-gradient(135deg, #366299, #996D36);

各色を詳しく見る

#366299

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

#996D36

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

関連する比較