#9FA3AF

#9FA3AF

#AFAB9F

#AFAB9F

コントラスト比

1.1:1

Delta E

13.79

Noticeable

50:50 ミックス

#A7A7A7

カラー値

フォーマット #9FA3AF #AFAB9F
HEX #9FA3AF #AFAB9F
RGB 159, 163, 175 175, 171, 159
HSL 225.0, 9.1%, 65.5% 45.0, 9.1%, 65.5%
HSV 225.0, 9.1%, 68.6% 45.0, 9.1%, 68.6%
CMYK 9.1%, 6.9%, 0.0%, 31.4% 0.0%, 2.3%, 9.1%, 31.4%
OKLCH 0.716 0.0179 271.2 0.7411 0.0175 91.6

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AFAB9F → 背景色: #9FA3AF

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

テキスト: #9FA3AF → 背景色: #AFAB9F

色差 (Delta E)

13.79 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#9FA3AF #A2A4AC #A5A6AA #A7A7A7 #AAA8A4 #ACAAA2 #AFAB9F

カラーミキシング

#9FA3AF

100%

#A3A5AB

75:25

#A7A7A7

50:50

#ABA9A3

25:75

#AFAB9F

100%

CSSグラデーションコード

background: linear-gradient(to right, #9FA3AF, #AFAB9F);
background: linear-gradient(135deg, #9FA3AF, #AFAB9F);

各色を詳しく見る

#9FA3AF

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

#AFAB9F

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

関連する比較