#397B97

#397B97

#975539

#975539

コントラスト比

1.21:1

Delta E

61.86

Very Different

50:50 ミックス

#7A6968

カラー値

フォーマット #397B97 #975539
HEX #397B97 #975539
RGB 57, 123, 151 151, 85, 57
HSL 197.9, 45.2%, 40.8% 17.9, 45.2%, 40.8%
HSV 197.9, 62.3%, 59.2% 17.9, 62.3%, 59.2%
CMYK 62.3%, 18.5%, 0.0%, 40.8% 0.0%, 43.7%, 62.3%, 40.8%
OKLCH 0.5518 0.0796 228.5 0.5206 0.0969 43.2

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #975539 → 背景色: #397B97

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

テキスト: #397B97 → 背景色: #975539

色差 (Delta E)

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

グラデーション

#397B97 #587587 #6B6F77 #7A6968 #856358 #8F5C49 #975539

カラーミキシング

#397B97

100%

#62727F

75:25

#7A6968

50:50

#8A5F50

25:75

#975539

100%

CSSグラデーションコード

background: linear-gradient(to right, #397B97, #975539);
background: linear-gradient(135deg, #397B97, #975539);

各色を詳しく見る

#397B97

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

#975539

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

関連する比較