#97DAFD

#97DAFD

#FDBA97

#FDBA97

对比度

1.09:1

Delta E

60.41

Very Different

50:50 混合

#D6CBCA

颜色值

格式 #97DAFD #FDBA97
HEX #97DAFD #FDBA97
RGB 151, 218, 253 253, 186, 151
HSL 200.6, 96.2%, 79.2% 20.6, 96.2%, 79.2%
HSV 200.6, 40.3%, 99.2% 20.6, 40.3%, 99.2%
CMYK 40.3%, 13.8%, 0.0%, 0.8% 0.0%, 26.5%, 40.3%, 0.8%
OKLCH 0.8559 0.0832 231.8 0.8426 0.0911 48.6

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #FDBA97 → 背景色: #97DAFD

敏捷的棕色狐狸跳过了懒狗

文本: #97DAFD → 背景色: #FDBA97

色差 (Delta E)

60.41 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#97DAFD #B0D5EC #C5D0DB #D6CBCA #E4C5B9 #F1C0A8 #FDBA97

颜色混合

#97DAFD

100%

#BBD2E3

75:25

#D6CBCA

50:50

#EBC2B0

25:75

#FDBA97

100%

CSS渐变代码

background: linear-gradient(to right, #97DAFD, #FDBA97);
background: linear-gradient(135deg, #97DAFD, #FDBA97);

探索每种颜色

#97DAFD

查看完整颜色详情

#FDBA97

查看完整颜色详情

相关比较