#4F73DF

#4F73DF

#DFBB4F

#DFBB4F

对比度

2.34:1

Delta E

121.46

Very Different

50:50 混合

#AF959D

颜色值

格式 #4F73DF #DFBB4F
HEX #4F73DF #DFBB4F
RGB 79, 115, 223 223, 187, 79
HSL 225.0, 69.2%, 59.2% 45.0, 69.2%, 59.2%
HSV 225.0, 64.6%, 87.5% 45.0, 64.6%, 87.5%
CMYK 64.6%, 48.4%, 0.0%, 12.5% 0.0%, 16.1%, 64.6%, 12.5%
OKLCH 0.5851 0.1693 267.2 0.8036 0.1317 90.6

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBB4F → 背景色: #4F73DF

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

文本: #4F73DF → 背景色: #DFBB4F

色差 (Delta E)

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

渐变

#4F73DF #7C7DC9 #9989B3 #AF959D #C1A185 #D1AE6C #DFBB4F

颜色混合

#4F73DF

100%

#8B83BE

75:25

#AF959D

50:50

#C9A779

25:75

#DFBB4F

100%

CSS渐变代码

background: linear-gradient(to right, #4F73DF, #DFBB4F);
background: linear-gradient(135deg, #4F73DF, #DFBB4F);

探索每种颜色

#4F73DF

查看完整颜色详情

#DFBB4F

查看完整颜色详情

相关比较