#3F3FEC

#3F3FEC

#ECEC3F

#ECEC3F

对比度

5.31:1

Delta E

187.16

Very Different

50:50 混合

#BB93A5

颜色值

格式 #3F3FEC #ECEC3F
HEX #3F3FEC #ECEC3F
RGB 63, 63, 236 236, 236, 63
HSL 240.0, 82.0%, 58.6% 60.0, 82.0%, 58.6%
HSV 240.0, 73.3%, 92.5% 60.0, 73.3%, 92.5%
CMYK 73.3%, 73.3%, 0.0%, 7.5% 0.0%, 0.0%, 73.3%, 7.5%
OKLCH 0.4977 0.2489 272.7 0.9147 0.1816 109.5

对比度与无障碍

5.31:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #ECEC3F → 背景色: #3F3FEC

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

文本: #3F3FEC → 背景色: #ECEC3F

色差 (Delta E)

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

渐变

#3F3FEC #7E5AD5 #A176BE #BB93A5 #CFB08A #DFCE6B #ECEC3F

颜色混合

#3F3FEC

100%

#9168CA

75:25

#BB93A5

50:50

#D7BF7C

25:75

#ECEC3F

100%

CSS渐变代码

background: linear-gradient(to right, #3F3FEC, #ECEC3F);
background: linear-gradient(135deg, #3F3FEC, #ECEC3F);

探索每种颜色

#3F3FEC

查看完整颜色详情

#ECEC3F

查看完整颜色详情

相关比较