#B697EB

#B697EB

#CCEB97

#CCEB97

对比度

1.85:1

Delta E

94.26

Very Different

50:50 混合

#C7C1C3

颜色值

格式 #B697EB #CCEB97
HEX #B697EB #CCEB97
RGB 182, 151, 235 204, 235, 151
HSL 262.1, 67.7%, 75.7% 82.1, 67.7%, 75.7%
HSV 262.1, 35.7%, 92.2% 82.1, 35.7%, 92.2%
CMYK 22.6%, 35.7%, 0.0%, 7.8% 13.2%, 0.0%, 35.7%, 7.8%
OKLCH 0.736 0.1227 300.4 0.8981 0.1133 125.1

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCEB97 → 背景色: #B697EB

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

文本: #B697EB → 背景色: #CCEB97

色差 (Delta E)

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

渐变

#B697EB #BDA5DE #C2B3D1 #C7C1C3 #CACFB5 #CBDDA6 #CCEB97

颜色混合

#B697EB

100%

#C0ACD7

75:25

#C7C1C3

50:50

#CBD6AE

25:75

#CCEB97

100%

CSS渐变代码

background: linear-gradient(to right, #B697EB, #CCEB97);
background: linear-gradient(135deg, #B697EB, #CCEB97);

探索每种颜色

#B697EB

查看完整颜色详情

#CCEB97

查看完整颜色详情

相关比较