#2C2DDF

#2C2DDF

#DFDE2C

#DFDE2C

对比度

5.74:1

Delta E

190.89

Very Different

50:50 混合

#B08498

颜色值

格式 #2C2DDF #DFDE2C
HEX #2C2DDF #DFDE2C
RGB 44, 45, 223 223, 222, 44
HSL 239.7, 73.7%, 52.4% 59.7, 73.7%, 52.4%
HSV 239.7, 80.3%, 87.5% 59.7, 80.3%, 87.5%
CMYK 80.3%, 79.8%, 0.0%, 12.5% 0.0%, 0.4%, 80.3%, 12.5%
OKLCH 0.4517 0.2542 269.9 0.8736 0.18 109.3

对比度与无障碍

5.74:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDE2C → 背景色: #2C2DDF

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

文本: #2C2DDF → 背景色: #DFDE2C

色差 (Delta E)

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

渐变

#2C2DDF #7349C8 #9666B1 #B08498 #C3A17E #D3BF5E #DFDE2C

颜色混合

#2C2DDF

100%

#8658BD

75:25

#B08498

50:50

#CBB06F

25:75

#DFDE2C

100%

CSS渐变代码

background: linear-gradient(to right, #2C2DDF, #DFDE2C);
background: linear-gradient(135deg, #2C2DDF, #DFDE2C);

探索每种颜色

#2C2DDF

查看完整颜色详情

#DFDE2C

查看完整颜色详情

相关比较