#6F77CC

#6F77CC

#CCC46F

#CCC46F

对比度

2.25:1

Delta E

96.4

Very Different

50:50 混合

#A89CA1

颜色值

格式 #6F77CC #CCC46F
HEX #6F77CC #CCC46F
RGB 111, 119, 204 204, 196, 111
HSL 234.8, 47.7%, 61.8% 54.8, 47.7%, 61.8%
HSV 234.8, 45.6%, 80.0% 54.8, 45.6%, 80.0%
CMYK 45.6%, 41.7%, 0.0%, 20.0% 0.0%, 3.9%, 45.6%, 20.0%
OKLCH 0.6011 0.1287 277.7 0.8085 0.1074 103.8

对比度与无障碍

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCC46F → 背景色: #6F77CC

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

文本: #6F77CC → 背景色: #CCC46F

色差 (Delta E)

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

渐变

#6F77CC #8683BE #998FAF #A89CA1 #B5A991 #C1B681 #CCC46F

颜色混合

#6F77CC

100%

#9089B7

75:25

#A89CA1

50:50

#BCB089

25:75

#CCC46F

100%

CSS渐变代码

background: linear-gradient(to right, #6F77CC, #CCC46F);
background: linear-gradient(135deg, #6F77CC, #CCC46F);

探索每种颜色

#6F77CC

查看完整颜色详情

#CCC46F

查看完整颜色详情

相关比较