#9DABFD

#9DABFD

#FDEF9D

#FDEF9D

对比度

1.86:1

Delta E

89.07

Very Different

50:50 混合

#D6CCCF

颜色值

格式 #9DABFD #FDEF9D
HEX #9DABFD #FDEF9D
RGB 157, 171, 253 253, 239, 157
HSL 231.3, 96.0%, 80.4% 51.2, 96.0%, 80.4%
HSV 231.3, 37.9%, 99.2% 51.2, 37.9%, 99.2%
CMYK 37.9%, 32.4%, 0.0%, 0.8% 0.0%, 5.5%, 37.9%, 0.8%
OKLCH 0.7624 0.1188 275.8 0.9451 0.1031 99.7

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDEF9D → 背景色: #9DABFD

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

文本: #9DABFD → 背景色: #FDEF9D

色差 (Delta E)

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

渐变

#9DABFD #B3B6EE #C5C1DF #D6CCCF #E4D7BF #F1E3AF #FDEF9D

颜色混合

#9DABFD

100%

#BDBBE6

75:25

#D6CCCF

50:50

#EBDDB7

25:75

#FDEF9D

100%

CSS渐变代码

background: linear-gradient(to right, #9DABFD, #FDEF9D);
background: linear-gradient(135deg, #9DABFD, #FDEF9D);

探索每种颜色

#9DABFD

查看完整颜色详情

#FDEF9D

查看完整颜色详情

相关比较