#7287CF

#7287CF

#CFBA72

#CFBA72

对比度

1.8:1

Delta E

81.94

Very Different

50:50 混合

#AA9FA3

颜色值

格式 #7287CF #CFBA72
HEX #7287CF #CFBA72
RGB 114, 135, 207 207, 186, 114
HSL 226.5, 49.2%, 62.9% 46.5, 49.2%, 62.9%
HSV 226.5, 44.9%, 81.2% 46.5, 44.9%, 81.2%
CMYK 44.9%, 34.8%, 0.0%, 18.8% 0.0%, 10.1%, 44.9%, 18.8%
OKLCH 0.6374 0.1112 270.6 0.7908 0.0949 93.7

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFBA72 → 背景色: #7287CF

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

文本: #7287CF → 背景色: #CFBA72

色差 (Delta E)

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

渐变

#7287CF #898FC0 #9B97B2 #AA9FA3 #B8A893 #C4B183 #CFBA72

颜色混合

#7287CF

100%

#9293B9

75:25

#AA9FA3

50:50

#BEAC8B

25:75

#CFBA72

100%

CSS渐变代码

background: linear-gradient(to right, #7287CF, #CFBA72);
background: linear-gradient(135deg, #7287CF, #CFBA72);

探索每种颜色

#7287CF

查看完整颜色详情

#CFBA72

查看完整颜色详情

相关比较