#353173

#353173

#6F7331

#6F7331

コントラスト比

2.27:1

Delta E

83.25

Very Different

50:50 ミックス

#5B5155

カラー値

フォーマット #353173 #6F7331
HEX #353173 #6F7331
RGB 53, 49, 115 111, 115, 49
HSL 243.6, 40.2%, 32.2% 63.6, 40.2%, 32.2%
HSV 243.6, 57.4%, 45.1% 63.6, 57.4%, 45.1%
CMYK 53.9%, 57.4%, 0.0%, 54.9% 3.5%, 0.0%, 57.4%, 54.9%
OKLCH 0.3561 0.11 282.0 0.5374 0.089 112.2

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

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #6F7331 → 背景色: #353173

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

テキスト: #353173 → 背景色: #6F7331

色差 (Delta E)

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

グラデーション

#353173 #453B69 #514660 #5B5155 #635C4B #69673F #6F7331

カラーミキシング

#353173

100%

#4C4165

75:25

#5B5155

50:50

#666245

25:75

#6F7331

100%

CSSグラデーションコード

background: linear-gradient(to right, #353173, #6F7331);
background: linear-gradient(135deg, #353173, #6F7331);

各色を詳しく見る

#353173

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

#6F7331

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

関連する比較