#74A6AF

#74A6AF

#AF7D74

#AF7D74

コントラスト比

1.3:1

Delta E

40.34

Very Different

50:50 ミックス

#989291

カラー値

フォーマット #74A6AF #AF7D74
HEX #74A6AF #AF7D74
RGB 116, 166, 175 175, 125, 116
HSL 189.2, 26.9%, 57.1% 9.2, 26.9%, 57.1%
HSV 189.2, 33.7%, 68.6% 9.2, 33.7%, 68.6%
CMYK 33.7%, 5.1%, 0.0%, 31.4% 0.0%, 28.6%, 33.7%, 31.4%
OKLCH 0.693 0.0546 209.9 0.6372 0.0643 30.4

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF7D74 → 背景色: #74A6AF

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

テキスト: #74A6AF → 背景色: #AF7D74

色差 (Delta E)

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

グラデーション

#74A6AF #82A0A5 #8E999B #989291 #A18B87 #A8847E #AF7D74

カラーミキシング

#74A6AF

100%

#889CA0

75:25

#989291

50:50

#A58882

25:75

#AF7D74

100%

CSSグラデーションコード

background: linear-gradient(to right, #74A6AF, #AF7D74);
background: linear-gradient(135deg, #74A6AF, #AF7D74);

各色を詳しく見る

#74A6AF

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

#AF7D74

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

関連する比較