#2C30EC

#2C30EC

#ECE82C

#ECE82C

对比度

5.89:1

Delta E

198.85

Very Different

50:50 混合

#BA8AA0

颜色值

格式 #2C30EC #ECE82C
HEX #2C30EC #ECE82C
RGB 44, 48, 236 236, 232, 44
HSL 238.8, 83.5%, 54.9% 58.8, 83.5%, 54.9%
HSV 238.8, 81.4%, 92.5% 58.8, 81.4%, 92.5%
CMYK 81.4%, 79.7%, 0.0%, 7.5% 0.0%, 1.7%, 81.4%, 7.5%
OKLCH 0.4697 0.2662 269.3 0.9054 0.1864 108.3

对比度与无障碍

5.89:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #ECE82C → 背景色: #2C30EC

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

文本: #2C30EC → 背景色: #ECE82C

色差 (Delta E)

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

渐变

#2C30EC #794DD4 #9F6BBB #BA8AA0 #CEA984 #DFC862 #ECE82C

颜色混合

#2C30EC

100%

#8E5CC7

75:25

#BA8AA0

50:50

#D7B874

25:75

#ECE82C

100%

CSS渐变代码

background: linear-gradient(to right, #2C30EC, #ECE82C);
background: linear-gradient(135deg, #2C30EC, #ECE82C);

探索每种颜色

#2C30EC

查看完整颜色详情

#ECE82C

查看完整颜色详情

相关比较