#3045CF

#3045CF

#CFBA30

#CFBA30

对比度

3.72:1

Delta E

153.23

Very Different

50:50 混合

#A17C8C

颜色值

格式 #3045CF #CFBA30
HEX #3045CF #CFBA30
RGB 48, 69, 207 207, 186, 48
HSL 232.1, 62.4%, 50.0% 52.1, 62.4%, 50.0%
HSV 232.1, 76.8%, 81.2% 52.1, 76.8%, 81.2%
CMYK 76.8%, 66.7%, 0.0%, 18.8% 0.0%, 10.1%, 76.8%, 18.8%
OKLCH 0.4708 0.2117 269.2 0.7839 0.1494 100.1

对比度与无障碍

3.72:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CFBA30 → 背景色: #3045CF

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

文本: #3045CF → 背景色: #CFBA30

色差 (Delta E)

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

渐变

#3045CF #6A56B9 #8A69A3 #A17C8C #B39073 #C2A557 #CFBA30

颜色混合

#3045CF

100%

#7C5FAE

75:25

#A17C8C

50:50

#BB9A65

25:75

#CFBA30

100%

CSS渐变代码

background: linear-gradient(to right, #3045CF, #CFBA30);
background: linear-gradient(135deg, #3045CF, #CFBA30);

探索每种颜色

#3045CF

查看完整颜色详情

#CFBA30

查看完整颜色详情

相关比较