Android studio XML ボタンの色が変わらない。

前提・実現したいこと

Android Studioを使い、丸角のボタンを作りましたが色が変わりません。
解決策のわかる方がいらっしゃいましたらご教示お願いいたします。

発生している問題・エラーメッセージ

下記でボタンの色が変わらない
android:background="#87CEFA"

該当のソースコード

XML
1<Button
2    android:id="@+id/btn15"
3    android:layout_width="265dp"
4    android:layout_height="175dp"
5    android:layout_gravity="center_horizontal"
6    android:text="15分後"
7    android:textColor="#3B3B3B"
8    android:textSize="55sp"
9    android:background="@drawable/color_frame" />

XML
1color_frame.xml
2
3<?xml version="1.0" encoding="utf-8"?>
4<selector xmlns:android="http://schemas.android.com/apk/res/android">
5    <item>
6        <shape android:shape="rectangle">
7            <corners
8                android:topRightRadius="10dp"
9                android:bottomRightRadius="10dp"
10                android:bottomLeftRadius="10dp"
11                android:topLeftRadius="10dp"
12                />
13            <solid
14                android:color="#87CEFA"
15                />
16        </shape>
17    </item>
18</selector>

試したこと

そもそも、android:background="@drawable/color_frame" ではなく
android:background="#87CEFA" でも色が変わらないので
ネットで調べ
app:backgroundTint="#87CEFA" にしたら色が変わりました。
ただ、
app:backgroundTint="@drawable/color_frame"にしたら色が赤紫になりました。
また、color_frame.xmlファイル内で、
app:backgroundTintを使ってみましたが色は変わりませんでした。

XML
1<?xml version="1.0" encoding="utf-8"?>
2<selector xmlns:android="http://schemas.android.com/apk/res/android">
3    <item>
4        <shape android:shape="rectangle">
5            <corners
6                android:topRightRadius="10dp"
7                android:bottomRightRadius="10dp"
8                android:bottomLeftRadius="10dp"
9                android:topLeftRadius="10dp"
10                />
11            <solid
12                xmlns:app="http://schemas.android.com/apk/res-auto"
13                app:backgroundTint="#87CEFA"
14                />
15        </shape>
16    </item>
17</selector>