#3C3CDF

#3C3CDF

#DFDF3C

#DFDF3C

对比度

5.08:1

Delta E

178.42

Very Different

50:50 混合

#B08B9C

颜色值

格式 #3C3CDF #DFDF3C
HEX #3C3CDF #DFDF3C
RGB 60, 60, 223 223, 223, 60
HSL 240.0, 71.8%, 55.5% 60.0, 71.8%, 55.5%
HSV 240.0, 73.1%, 87.5% 60.0, 73.1%, 87.5%
CMYK 73.1%, 73.1%, 0.0%, 12.5% 0.0%, 0.0%, 73.1%, 12.5%
OKLCH 0.4788 0.2373 272.9 0.8765 0.1734 109.5

对比度与无障碍

5.08:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF3C → 背景色: #3C3CDF

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

文本: #3C3CDF → 背景色: #DFDF3C

色差 (Delta E)

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

渐变

#3C3CDF #7755C9 #9870B3 #B08B9C #C3A683 #D2C265 #DFDF3C

颜色混合

#3C3CDF

100%

#8962BE

75:25

#B08B9C

50:50

#CBB475

25:75

#DFDF3C

100%

CSS渐变代码

background: linear-gradient(to right, #3C3CDF, #DFDF3C);
background: linear-gradient(135deg, #3C3CDF, #DFDF3C);

探索每种颜色

#3C3CDF

查看完整颜色详情

#DFDF3C

查看完整颜色详情

相关比较