#9DAEFC

#9DAEFC

#FCEB9D

#FCEB9D

对比度

1.77:1

Delta E

84.92

Very Different

50:50 混合

#D5CBCE

颜色值

格式 #9DAEFC #FCEB9D
HEX #9DAEFC #FCEB9D
RGB 157, 174, 252 252, 235, 157
HSL 229.3, 94.1%, 80.2% 49.3, 94.1%, 80.2%
HSV 229.3, 37.7%, 98.8% 49.3, 37.7%, 98.8%
CMYK 37.7%, 31.0%, 0.0%, 1.2% 0.0%, 6.7%, 37.7%, 1.2%
OKLCH 0.7678 0.1136 274.0 0.9363 0.0991 97.4

对比度与无障碍

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FCEB9D → 背景色: #9DAEFC

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

文本: #9DAEFC → 背景色: #FCEB9D

色差 (Delta E)

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

渐变

#9DAEFC #B3B8ED #C5C1DE #D5CBCE #E3D6BF #F0E0AE #FCEB9D

颜色混合

#9DAEFC

100%

#BCBCE6

75:25

#D5CBCE

50:50

#EADBB7

25:75

#FCEB9D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAEFC, #FCEB9D);
background: linear-gradient(135deg, #9DAEFC, #FCEB9D);

探索每种颜色

#9DAEFC

查看完整颜色详情

#FCEB9D

查看完整颜色详情

相关比较