#503CDF

#503CDF

#CBDF3C

#CBDF3C

对比度

4.64:1

Delta E

178.34

Very Different

50:50 混合

#AB8D9B

颜色值

格式 #503CDF #CBDF3C
HEX #503CDF #CBDF3C
RGB 80, 60, 223 203, 223, 60
HSL 247.4, 71.8%, 55.5% 67.4, 71.8%, 55.5%
HSV 247.4, 73.1%, 87.5% 67.4, 73.1%, 87.5%
CMYK 64.1%, 73.1%, 0.0%, 12.5% 9.0%, 0.0%, 73.1%, 12.5%
OKLCH 0.4918 0.2328 279.0 0.8607 0.1788 116.5

对比度与无障碍

4.64:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CBDF3C → 背景色: #503CDF

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

文本: #503CDF → 背景色: #CBDF3C

色差 (Delta E)

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

渐变

#503CDF #7C57C9 #9772B3 #AB8D9B #B9A882 #C4C365 #CBDF3C

颜色混合

#503CDF

100%

#8B64BE

75:25

#AB8D9B

50:50

#BFB574

25:75

#CBDF3C

100%

CSS渐变代码

background: linear-gradient(to right, #503CDF, #CBDF3C);
background: linear-gradient(135deg, #503CDF, #CBDF3C);

探索每种颜色

#503CDF

查看完整颜色详情

#CBDF3C

查看完整颜色详情

相关比较