#393D60

#393D60

#605C39

#605C39

コントラスト比

1.54:1

Delta E

45.37

Very Different

50:50 ミックス

#504C4D

カラー値

フォーマット #393D60 #605C39
HEX #393D60 #605C39
RGB 57, 61, 96 96, 92, 57
HSL 233.8, 25.5%, 30.0% 53.8, 25.5%, 30.0%
HSV 233.8, 40.6%, 37.6% 53.8, 40.6%, 37.6%
CMYK 40.6%, 36.5%, 0.0%, 62.4% 0.0%, 4.2%, 40.6%, 62.4%
OKLCH 0.3727 0.0602 278.1 0.4693 0.0521 102.6

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

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #605C39 → 背景色: #393D60

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

テキスト: #393D60 → 背景色: #605C39

色差 (Delta E)

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

グラデーション

#393D60 #42425A #494754 #504C4D #565147 #5B5740 #605C39

カラーミキシング

#393D60

100%

#464457

75:25

#504C4D

50:50

#595444

25:75

#605C39

100%

CSSグラデーションコード

background: linear-gradient(to right, #393D60, #605C39);
background: linear-gradient(135deg, #393D60, #605C39);

各色を詳しく見る

#393D60

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

#605C39

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

関連する比較