#9DAFA5

#9DAFA5

#AF9DA7

#AF9DA7

コントラスト比

1.11:1

Delta E

17.89

Noticeable

50:50 ミックス

#A6A6A6

カラー値

フォーマット #9DAFA5 #AF9DA7
HEX #9DAFA5 #AF9DA7
RGB 157, 175, 165 175, 157, 167
HSL 146.7, 10.1%, 65.1% 326.7, 10.1%, 65.1%
HSV 146.7, 10.3%, 68.6% 326.7, 10.3%, 68.6%
CMYK 10.3%, 0.0%, 5.7%, 31.4% 0.0%, 10.3%, 4.6%, 31.4%
OKLCH 0.7371 0.0246 161.5 0.7147 0.0252 343.2

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF9DA7 → 背景色: #9DAFA5

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

テキスト: #9DAFA5 → 背景色: #AF9DA7

色差 (Delta E)

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

グラデーション

#9DAFA5 #A0ACA5 #A3A9A6 #A6A6A6 #A9A3A6 #ACA0A7 #AF9DA7

カラーミキシング

#9DAFA5

100%

#A2ABA6

75:25

#A6A6A6

50:50

#ABA2A7

25:75

#AF9DA7

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DAFA5, #AF9DA7);
background: linear-gradient(135deg, #9DAFA5, #AF9DA7);

各色を詳しく見る

#9DAFA5

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

#AF9DA7

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

関連する比較