#4F9DA9

#4F9DA9

#A95B4F

#A95B4F

コントラスト比

1.57:1

Delta E

63.14

Very Different

50:50 ミックス

カラー値

フォーマット #4F9DA9 #A95B4F
HEX #4F9DA9 #A95B4F
RGB 79, 157, 169 169, 91, 79
HSL 188.0, 36.3%, 48.6% 8.0, 36.3%, 48.6%
HSV 188.0, 53.3%, 66.3% 8.0, 53.3%, 66.3%
CMYK 53.3%, 7.1%, 0.0%, 33.7% 0.0%, 46.2%, 53.3%, 33.7%
OKLCH 0.6512 0.0786 208.6 0.5599 0.1045 29.9

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

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #A95B4F → 背景色: #4F9DA9

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

テキスト: #4F9DA9 → 背景色: #A95B4F

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #4F9DA9, #A95B4F);
background: linear-gradient(135deg, #4F9DA9, #A95B4F);

各色を詳しく見る

関連する比較