#869CCC

#869CCC

#CCB686

#CCB686

对比度

1.39:1

Delta E

55.54

Very Different

50:50 混合

#AEA9AA

颜色值

格式 #869CCC #CCB686
HEX #869CCC #CCB686
RGB 134, 156, 204 204, 182, 134
HSL 221.1, 40.7%, 66.3% 41.1, 40.7%, 66.3%
HSV 221.1, 34.3%, 80.0% 41.1, 34.3%, 80.0%
CMYK 34.3%, 23.5%, 0.0%, 20.0% 0.0%, 10.8%, 34.3%, 20.0%
OKLCH 0.6937 0.0753 265.4 0.7834 0.0685 86.1

对比度与无障碍

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCB686 → 背景色: #869CCC

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

文本: #869CCC → 背景色: #CCB686

色差 (Delta E)

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

渐变

#869CCC #95A0C1 #A3A4B5 #AEA9AA #B9AD9E #C3B192 #CCB686

颜色混合

#869CCC

100%

#9CA2BB

75:25

#AEA9AA

50:50

#BEAF98

25:75

#CCB686

100%

CSS渐变代码

background: linear-gradient(to right, #869CCC, #CCB686);
background: linear-gradient(135deg, #869CCC, #CCB686);

探索每种颜色

#869CCC

查看完整颜色详情

#CCB686

查看完整颜色详情

相关比较