#4F77CC

#4F77CC

#CCA44F

#CCA44F

对比度

1.86:1

Delta E

99.1

Very Different

50:50 混合

#A18C91

颜色值

格式 #4F77CC #CCA44F
HEX #4F77CC #CCA44F
RGB 79, 119, 204 204, 164, 79
HSL 220.8, 55.1%, 55.5% 40.8, 55.1%, 55.5%
HSV 220.8, 61.3%, 80.0% 40.8, 61.3%, 80.0%
CMYK 61.3%, 41.7%, 0.0%, 20.0% 0.0%, 19.6%, 61.3%, 20.0%
OKLCH 0.5811 0.1384 263.7 0.7385 0.1134 84.1

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCA44F → 背景色: #4F77CC

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

文本: #4F77CC → 背景色: #CCA44F

色差 (Delta E)

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

渐变

#4F77CC #747DB8 #8D84A5 #A18C91 #B1947C #BF9C67 #CCA44F

颜色混合

#4F77CC

100%

#8281AF

75:25

#A18C91

50:50

#B99872

25:75

#CCA44F

100%

CSS渐变代码

background: linear-gradient(to right, #4F77CC, #CCA44F);
background: linear-gradient(135deg, #4F77CC, #CCA44F);

探索每种颜色

#4F77CC

查看完整颜色详情

#CCA44F

查看完整颜色详情

相关比较