#B2C2FE

#B2C2FE

#FEEEB2

#FEEEB2

对比度

1.5:1

Delta E

65.08

Very Different

50:50 混合

#DDD7D9

颜色值

格式 #B2C2FE #FEEEB2
HEX #B2C2FE #FEEEB2
RGB 178, 194, 254 254, 238, 178
HSL 227.4, 97.4%, 84.7% 47.4, 97.4%, 84.7%
HSV 227.4, 29.9%, 99.6% 47.4, 29.9%, 99.6%
CMYK 29.9%, 23.6%, 0.0%, 0.4% 0.0%, 6.3%, 29.9%, 0.4%
OKLCH 0.8231 0.0865 272.8 0.9477 0.0783 94.9

对比度与无障碍

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FEEEB2 → 背景色: #B2C2FE

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

文本: #B2C2FE → 背景色: #FEEEB2

色差 (Delta E)

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

渐变

#B2C2FE #C2C9F2 #D0D0E6 #DDD7D9 #E9DFCC #F4E6BF #FEEEB2

颜色混合

#B2C2FE

100%

#C9CDEC

75:25

#DDD7D9

50:50

#EEE3C6

25:75

#FEEEB2

100%

CSS渐变代码

background: linear-gradient(to right, #B2C2FE, #FEEEB2);
background: linear-gradient(135deg, #B2C2FE, #FEEEB2);

探索每种颜色

#B2C2FE

查看完整颜色详情

#FEEEB2

查看完整颜色详情

相关比较