#9DAFF5

#9DAFF5

#F5E39D

#F5E39D

对比度

1.65:1

Delta E

76.68

Very Different

50:50 混合

#D0C8CB

颜色值

格式 #9DAFF5 #F5E39D
HEX #9DAFF5 #F5E39D
RGB 157, 175, 245 245, 227, 157
HSL 227.7, 81.5%, 78.8% 47.7, 81.5%, 78.8%
HSV 227.7, 35.9%, 96.1% 47.7, 35.9%, 96.1%
CMYK 35.9%, 28.6%, 0.0%, 3.9% 0.0%, 7.3%, 35.9%, 3.9%
OKLCH 0.7666 0.1027 272.7 0.9145 0.0907 95.4

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F5E39D → 背景色: #9DAFF5

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

文本: #9DAFF5 → 背景色: #F5E39D

色差 (Delta E)

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

渐变

#9DAFF5 #B1B7E7 #C1C0D9 #D0C8CB #DED1BC #EADAAD #F5E39D

颜色混合

#9DAFF5

100%

#B9BBE0

75:25

#D0C8CB

50:50

#E4D5B4

25:75

#F5E39D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAFF5, #F5E39D);
background: linear-gradient(135deg, #9DAFF5, #F5E39D);

探索每种颜色

#9DAFF5

查看完整颜色详情

#F5E39D

查看完整颜色详情

相关比较