#503CEC

#503CEC

#D8EC3C

#D8EC3C

对比度

5.0:1

Delta E

189.73

Very Different

50:50 混合

#B593A4

颜色值

格式 #503CEC #D8EC3C
HEX #503CEC #D8EC3C
RGB 80, 60, 236 216, 236, 60
HSL 246.8, 82.2%, 58.0% 66.8, 82.2%, 58.0%
HSV 246.8, 74.6%, 92.5% 66.8, 74.6%, 92.5%
CMYK 66.1%, 74.6%, 0.0%, 7.5% 8.5%, 0.0%, 74.6%, 7.5%
OKLCH 0.5045 0.2478 277.8 0.8989 0.1884 116.1

对比度与无障碍

5.0:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #D8EC3C → 背景色: #503CEC

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

文本: #503CEC → 背景色: #D8EC3C

色差 (Delta E)

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

渐变

#503CEC #8259D5 #A076BD #B593A4 #C4B089 #D0CE69 #D8EC3C

颜色混合

#503CEC

100%

#9268C9

75:25

#B593A4

50:50

#CBBF7A

25:75

#D8EC3C

100%

CSS渐变代码

background: linear-gradient(to right, #503CEC, #D8EC3C);
background: linear-gradient(135deg, #503CEC, #D8EC3C);

探索每种颜色

#503CEC

查看完整颜色详情

#D8EC3C

查看完整颜色详情

相关比较