#9DAEFA

#9DAEFA

#FAE99D

#FAE99D

对比度

1.74:1

Delta E

82.86

Very Different

50:50 混合

#D4CBCD

颜色值

格式 #9DAEFA #FAE99D
HEX #9DAEFA #FAE99D
RGB 157, 174, 250 250, 233, 157
HSL 229.0, 90.3%, 79.8% 49.0, 90.3%, 79.8%
HSV 229.0, 37.2%, 98.0% 49.0, 37.2%, 98.0%
CMYK 37.2%, 30.4%, 0.0%, 2.0% 0.0%, 6.8%, 37.2%, 2.0%
OKLCH 0.7669 0.1108 273.9 0.9307 0.097 97.1

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FAE99D → 背景色: #9DAEFA

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

文本: #9DAEFA → 背景色: #FAE99D

色差 (Delta E)

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

渐变

#9DAEFA #B2B7EB #C4C1DD #D4CBCD #E2D5BE #EEDFAE #FAE99D

颜色混合

#9DAEFA

100%

#BBBCE4

75:25

#D4CBCD

50:50

#E8DAB6

25:75

#FAE99D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAEFA, #FAE99D);
background: linear-gradient(135deg, #9DAEFA, #FAE99D);

探索每种颜色

#9DAEFA

查看完整颜色详情

#FAE99D

查看完整颜色详情

相关比较