#397D79

#397D79

#7D393D

#7D393D

コントラスト比

1.74:1

Delta E

56.77

Very Different

50:50 ミックス

#695E5A

カラー値

フォーマット #397D79 #7D393D
HEX #397D79 #7D393D
RGB 57, 125, 121 125, 57, 61
HSL 176.5, 37.4%, 35.7% 356.5, 37.4%, 35.7%
HSV 176.5, 54.4%, 49.0% 356.5, 54.4%, 49.0%
CMYK 54.4%, 0.0%, 3.2%, 51.0% 0.0%, 54.4%, 51.2%, 51.0%
OKLCH 0.5447 0.0691 190.2 0.4355 0.0946 18.2

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

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #7D393D → 背景色: #397D79

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

テキスト: #397D79 → 背景色: #7D393D

色差 (Delta E)

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

グラデーション

#397D79 #4F736E #5E6864 #695E5A #715250 #784646 #7D393D

カラーミキシング

#397D79

100%

#576E69

75:25

#695E5A

50:50

#754C4B

25:75

#7D393D

100%

CSSグラデーションコード

background: linear-gradient(to right, #397D79, #7D393D);
background: linear-gradient(135deg, #397D79, #7D393D);

各色を詳しく見る

#397D79

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

#7D393D

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

関連する比較