#2C2CCF

#2C2CCF

#CFCF2C

#CFCF2C

对比度

5.33:1

Delta E

178.3

Very Different

50:50 混合

#A37B8E

颜色值

格式 #2C2CCF #CFCF2C
HEX #2C2CCF #CFCF2C
RGB 44, 44, 207 207, 207, 44
HSL 240.0, 64.9%, 49.2% 60.0, 64.9%, 49.2%
HSV 240.0, 78.7%, 81.2% 60.0, 78.7%, 81.2%
CMYK 78.7%, 78.7%, 0.0%, 18.8% 0.0%, 0.0%, 78.7%, 18.8%
OKLCH 0.4325 0.237 270.7 0.8283 0.1694 109.6

对比度与无障碍

5.33:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CFCF2C → 背景色: #2C2CCF

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

文本: #2C2CCF → 背景色: #CFCF2C

色差 (Delta E)

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

渐变

#2C2CCF #6B46BA #8C60A5 #A37B8E #B59776 #C3B358 #CFCF2C

颜色混合

#2C2CCF

100%

#7D53AF

75:25

#A37B8E

50:50

#BDA568

25:75

#CFCF2C

100%

CSS渐变代码

background: linear-gradient(to right, #2C2CCF, #CFCF2C);
background: linear-gradient(135deg, #2C2CCF, #CFCF2C);

探索每种颜色

#2C2CCF

查看完整颜色详情

#CFCF2C

查看完整颜色详情

相关比较