#377B76

#377B76

#7B373C

#7B373C

コントラスト比

1.73:1

Delta E

56.89

Very Different

50:50 ミックス

#675C58

カラー値

フォーマット #377B76 #7B373C
HEX #377B76 #7B373C
RGB 55, 123, 118 123, 55, 60
HSL 175.6, 38.2%, 34.9% 355.6, 38.2%, 34.9%
HSV 175.6, 55.3%, 48.2% 355.6, 55.3%, 48.2%
CMYK 55.3%, 0.0%, 4.1%, 51.8% 0.0%, 55.3%, 51.2%, 51.8%
OKLCH 0.5377 0.0692 188.8 0.429 0.0948 17.4

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

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #7B373C → 背景色: #377B76

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

テキスト: #377B76 → 背景色: #7B373C

色差 (Delta E)

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

グラデーション

#377B76 #4D716C #5C6762 #675C58 #6F514E #764445 #7B373C

カラーミキシング

#377B76

100%

#556C67

75:25

#675C58

50:50

#734B4A

25:75

#7B373C

100%

CSSグラデーションコード

background: linear-gradient(to right, #377B76, #7B373C);
background: linear-gradient(135deg, #377B76, #7B373C);

各色を詳しく見る

#377B76

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

#7B373C

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

関連する比較