#4347DF

#4347DF

#DFDB43

#DFDB43

对比度

4.48:1

Delta E

167.59

Very Different

50:50 混合

#B08E9D

颜色值

格式 #4347DF #DFDB43
HEX #4347DF #DFDB43
RGB 67, 71, 223 223, 219, 67
HSL 238.5, 70.9%, 56.9% 58.5, 70.9%, 56.9%
HSV 238.5, 70.0%, 87.5% 58.5, 70.0%, 87.5%
CMYK 70.0%, 68.2%, 0.0%, 12.5% 0.0%, 1.8%, 70.0%, 12.5%
OKLCH 0.4989 0.2245 273.6 0.8685 0.1656 107.9

对比度与无障碍

4.48:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDB43 → 背景色: #4347DF

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

文本: #4347DF → 背景色: #DFDB43

色差 (Delta E)

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

渐变

#4347DF #795ECA #9875B4 #B08E9D #C3A785 #D2C169 #DFDB43

颜色混合

#4347DF

100%

#8A69BF

75:25

#B08E9D

50:50

#CBB477

25:75

#DFDB43

100%

CSS渐变代码

background: linear-gradient(to right, #4347DF, #DFDB43);
background: linear-gradient(135deg, #4347DF, #DFDB43);

探索每种颜色

#4347DF

查看完整颜色详情

#DFDB43

查看完整颜色详情

相关比较