#4346DF

#4346DF

#DFDC43

#DFDC43

对比度

4.55:1

Delta E

168.66

Very Different

50:50 混合

#B08E9D

颜色值

格式 #4346DF #DFDC43
HEX #4346DF #DFDC43
RGB 67, 70, 223 223, 220, 67
HSL 238.8, 70.9%, 56.9% 58.8, 70.9%, 56.9%
HSV 238.8, 70.0%, 87.5% 58.8, 70.0%, 87.5%
CMYK 70.0%, 68.6%, 0.0%, 12.5% 0.0%, 1.3%, 70.0%, 12.5%
OKLCH 0.4974 0.2256 273.7 0.8706 0.1666 108.3

对比度与无障碍

4.55:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDC43 → 背景色: #4346DF

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

文本: #4346DF → 背景色: #DFDC43

色差 (Delta E)

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

渐变

#4346DF #795DCA #9975B4 #B08E9D #C3A785 #D2C269 #DFDC43

颜色混合

#4346DF

100%

#8A69BF

75:25

#B08E9D

50:50

#CBB477

25:75

#DFDC43

100%

CSS渐变代码

background: linear-gradient(to right, #4346DF, #DFDC43);
background: linear-gradient(135deg, #4346DF, #DFDC43);

探索每种颜色

#4346DF

查看完整颜色详情

#DFDC43

查看完整颜色详情

相关比较