#2F667F

#2F667F

#7F482F

#7F482F

对比度

1.16:1

Delta E

54.21

Very Different

50:50 混合

#665857

颜色值

格式 #2F667F #7F482F
HEX #2F667F #7F482F
RGB 47, 102, 127 127, 72, 47
HSL 198.8, 46.0%, 34.1% 18.7, 46.0%, 34.1%
HSV 198.8, 63.0%, 49.8% 18.7, 63.0%, 49.8%
CMYK 63.0%, 19.7%, 0.0%, 50.2% 0.0%, 43.3%, 63.0%, 50.2%
OKLCH 0.484 0.0704 230.2 0.4618 0.0842 44.6

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #7F482F → 背景色: #2F667F

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

文本: #2F667F → 背景色: #7F482F

色差 (Delta E)

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

渐变

#2F667F #496171 #595D64 #665857 #705349 #784E3C #7F482F

颜色混合

#2F667F

100%

#525F6B

75:25

#665857

50:50

#745043

25:75

#7F482F

100%

CSS渐变代码

background: linear-gradient(to right, #2F667F, #7F482F);
background: linear-gradient(135deg, #2F667F, #7F482F);

探索每种颜色

#2F667F

查看完整颜色详情

#7F482F

查看完整颜色详情

相关比较