#4B80DF

#4B80DF

#DFAA4B

#DFAA4B

对比度

1.83:1

Delta E

110.27

Very Different

50:50 混合

#AF9399

颜色值

格式 #4B80DF #DFAA4B
HEX #4B80DF #DFAA4B
RGB 75, 128, 223 223, 170, 75
HSL 218.5, 69.8%, 58.4% 38.5, 69.8%, 58.4%
HSV 218.5, 66.4%, 87.5% 38.5, 66.4%, 87.5%
CMYK 66.4%, 42.6%, 0.0%, 12.5% 0.0%, 23.8%, 66.4%, 12.5%
OKLCH 0.6101 0.1552 261.1 0.7696 0.1271 79.4

对比度与无障碍

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFAA4B → 背景色: #4B80DF

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

文本: #4B80DF → 背景色: #DFAA4B

色差 (Delta E)

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

渐变

#4B80DF #7A86C8 #988CB1 #AF9399 #C19A81 #D1A268 #DFAA4B

颜色混合

#4B80DF

100%

#8A89BC

75:25

#AF9399

50:50

#C99E75

25:75

#DFAA4B

100%

CSS渐变代码

background: linear-gradient(to right, #4B80DF, #DFAA4B);
background: linear-gradient(135deg, #4B80DF, #DFAA4B);

探索每种颜色

#4B80DF

查看完整颜色详情

#DFAA4B

查看完整颜色详情

相关比较